/* =====================================================================
   1006_new_v1 — stylesheet
   Content-first · no headings in chrome · CSS-only popups
   ===================================================================== */

:root{--disp:"Sora",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --warn:#1f9d55; --sh-2:0 16px 40px -18px rgba(20,30,22,.28); --acc-deep:#0b6243; --sh-1:0 1px 2px rgba(20,30,22,.05); --read:"Source Serif 4",Georgia,"Times New Roman",serif; --rl:16px; --bg:#divider-text; --edge-2:#app-entry; --ink-2:#515a54; --rs:6px; --card:#rating-foot; --rm:11px; --acc:#0f7d54; --top:60px; --ink:#1b201d; --ink-3:#878f88; --acc-soft:rgba(15,125,84,.09); --edge:#time-slider; --fill:#app-section; --max:1080px;}*, *::before, *::after{padding:0; box-sizing:border-box; margin:0;}

html{-webkit-text-size-adjust:100%; scroll-padding-top:calc(var(--top) + 12px); scroll-behavior:smooth;}body{line-height:1.65; font-size:12px; color:var(--ink); font-family:var(--disp); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; background:var(--bg);}

img,svg{max-width:100%; hyphens:manual; text-decoration-skip-ink:auto; display:block; height:auto;}
a{text-decoration:none; transition:color 0.143s;}
a{color:var(--acc);}
a:hover{color:var(--acc-deep);}
ul,ol{list-style:none;}.px-md{mix-blend-mode:normal; hyphens:manual; width:100%; padding:0 22px; margin:0 auto; max-width:var(--max);}

.leading-24{z-index:300; font-size:12px; position:absolute; top:0; border-radius:0 0 var(--rs) 0; left:-9997px; color:#page-carousel; background:var(--ink); font-weight:700; padding:14px 14px;}
.leading-24:focus{left:0; color:#page-carousel;}

/* generic chrome caption (replaces secondary headings) */
.tracking-xs{font-weight:700; letter-spacing:.11.92em; font-size:16px; display:block; font-family:var(--disp); margin-bottom:15px; text-transform:uppercase; color:var(--acc);}.py-block:not(._5f8ee5){gap:18px; justify-content:space-between; align-items:center; display:flex;}

/* ── topbar ──────────────────────────────────────────────────────── */
.progress-row-alt{align-items:center; display:flex; position:sticky; height:var(--top); top:0; background:rgba(255, 255, 240, 0.93); border-bottom:1px solid var(--edge); z-index:100; backdrop-filter:saturate(140%) blur(8px);}
.mr-block{display:inline-flex; align-items:center;}
.bg-block{height:32px; width:auto; contain:none;}body .ml-auto{display:flex; align-items:center; gap:18px;}
.pt-full{gap:2px; display:flex; align-items:center; contain:none; backface-visibility:visible;}
.pt-full a{font-size:16px; font-weight:500; border-radius:var(--rs); padding:11px 12px; color:var(--ink-2); display:block;}
.gap-24{display:flex; padding-left:19px; border-left:1px solid var(--edge); gap:7px; align-items:center;}
.pt-full a:hover{color:var(--ink); background:var(--bg);}

.c-screen-time{background:none; width:45px; cursor:pointer; justify-content:center; height:41px; display:none; padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px; border-radius:var(--rs); flex-direction:column; gap:8px; border:0;}.c-screen-time span{transition:transform 0.241s,opacity 0.292s; height:2px; display:block; border-radius:2px; background:var(--ink);}
.c-screen-time.tracking-24 span:nth-child(1){transform:translateY(7px) rotate(45deg);}body .c-screen-time.tracking-24 span:nth-child(2){opacity:0;}
.c-screen-time.tracking-24 span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}/* ── page / article ──────────────────────────────────────────────── */
.u-tag{padding:30px 20px 75px;}

.align-full{border-radius:var(--rl); overflow:hidden; box-shadow:var(--sh-1); border:1px solid var(--edge); background:var(--card);}
.mb-inline{line-height:1.14; font-weight:bold; letter-spacing:-.1.93em; font-size:41px; font-family:var(--disp); color:var(--ink); margin-bottom:16px;}
.z-24{padding:33px 44px 20px; border-bottom:1px solid var(--edge-2);}
.clear-10{display:flex; gap:18px; isolation:auto; widows:2;}
.clear-10{flex-wrap:wrap; color:var(--ink-3); font-size:9.5px;}
.clear-10 span{display:inline-flex; gap:3px; align-items:center;}
.clear-10 svg{opacity:0.67; flex-shrink:0;}

/* article body — serif for readability */
.row-24{font-size:17.5px; font-family:var(--read); padding:30px 45px 41px; color:#2d3a28; line-height:1.78;}

/* article body — serif for readability */
.row-24{overflow-wrap:break-word;}
.row-24 > *:first-child{margin-top:0;}
.row-24 p{margin:0 0 1.3em;}
.row-24 h2{font-size:30px; letter-spacing:-.0.95em; padding-bottom:.27.92em; line-height:1.25; margin:1.88em 0 .6.06em; color:var(--ink); font-weight:700; border-bottom:1px solid var(--edge-2); font-family:var(--disp);}
.row-24 h3{margin:1.65em 0 .4.98em; line-height:1.3; color:var(--ink); font-family:var(--disp); font-size:21px; font-weight:700;}.row-24 h4{margin:1.35em 0 .45.03em; font-size:17px; color:var(--ink); font-family:var(--disp); font-weight:500;}.row-24 ul, .row-24 ol{margin:0 0 1.21em 1.42em;}
.row-24 ul{list-style:disc;}.row-24 ol{list-style:decimal;}
.row-24 li{margin-bottom:.41.95em;}html .row-24 li::marker{color:var(--acc);}
.row-24 a{text-underline-offset:3px; text-decoration:underline; text-decoration-color:var(--acc-soft);}.row-24 a:hover{text-decoration-color:var(--acc);}
.row-24 blockquote{line-height:1.5; font-size:16px; padding:0px 0 7px 25px; border-left:3px solid var(--acc); margin:1.52em 0; color:var(--ink-2); font-style:italic;}
.row-24 img{border-radius:var(--rm); margin:1.6em 0;}
.row-24 img{text-underline-offset:auto;}.row-24 figure{margin:1.64em 0;}
.row-24 figcaption{color:var(--ink-3); margin-top:.55.05em; font-family:var(--disp); font-size:11.5px; mix-blend-mode:normal; text-align:center;}
.row-24 pre{font-size:15.5px; padding:16px 25px; border-radius:var(--rm); background:hsl(78, 12.7%, 15.4%); break-inside:auto; overflow-x:auto; widows:2; line-height:1.6; margin:1.54em 0; font-family:"SF Mono",Menlo,Consolas,monospace; color:#main-spinner;}
.row-24 code{font-size:.85.93em; background:var(--fill); font-family:"SF Mono",Menlo,Consolas,monospace; border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px; padding:2px 3px;}
.row-24 pre code{padding:0; background:none;}
.row-24 table{font-family:var(--disp); border-collapse:collapse; font-size:14px; width:100%; margin:1.63em 0;}
.row-24 th,.row-24 td{text-align:left; padding:9px 12px;}
.row-24 th,.row-24 td{border:1px solid var(--edge);}.row-24 th{font-weight:700; background:var(--bg);}
.row-24 hr{height:1px; border:0 none; margin:1.97em 0; background:var(--edge);}
.rounded-xl{flex-wrap:wrap; display:flex; gap:19px; align-items:center;}

/* article footer — share */
.justify-24{padding:26px 46px 33px;}*.pt-4{display:flex; gap:10px;}.m-xs:not(._5f8ee5){font-family:var(--disp); font-weight:700; text-transform:uppercase; letter-spacing:.0.98em; font-size:13.5px; color:var(--ink-3);}
.headerName{border:1px solid var(--edge); border-radius:var(--rm); align-items:center; background:var(--card); width:39px; color:var(--ink-2); height:41px; cursor:pointer; justify-content:center; transition:all 0.15s; display:inline-flex;}
.headerName:hover{border-color:var(--acc);}/* ── blocks below content (comments / join / more) ──────────────── */
.grid-3, .mt-inline:not(._5f8ee5), .row-none:not(._5f8ee5){border-radius:var(--rl); padding:30px 46px; margin-top:26px; background:var(--card); border:1px solid var(--edge); box-shadow:var(--sh-1);}
.headerName:hover{transform:translateY(-1px); color:var(--acc); background:var(--acc-soft);}.view--inverse:not(._5f8ee5){gap:20px; font-variant-ligatures:normal; contain:none; display:flex; flex-direction:column;}
.rating{gap:19px; grid-template-columns:1fr 1fr;}
.rating{display:grid;}
.my-screen{font-size:16px; color:var(--ink-2); font-weight:700; font-family:var(--disp);}

.ratingDot{gap:6px; display:flex; font-variant-ligatures:normal; image-rendering:auto; margin:0; flex-direction:column;}

.mt-end{-moz-appearance:none;outline:none; font-family:var(--disp); padding:16px 16px; appearance:none; color:var(--ink); page-break-inside:auto; -webkit-appearance:none; widows:2; background:var(--fill); transition:border-color 0.18s,box-shadow 0.139s,background 0.232s; font-size:17.5px; border:1px solid var(--edge); width:100%; border-radius:var(--rm);}
.mt-end::placeholder{color:var(--ink-3);}.mt-end:focus{background:var(--card); border-color:var(--acc); isolation:auto; box-shadow:0 0 0 3px var(--acc-soft); text-underline-offset:auto;}

/* buttons */
.row-1{display:inline-flex; justify-content:center; align-items:center; white-space:nowrap; cursor:pointer; padding:11px 21px; font-family:var(--disp); gap:5px; font-weight:600; border-radius:var(--rm); border:1px solid transparent; transition:background 0.186s,border-color 0.145s,color 0.231s,box-shadow 0.191s,transform 0.032s; font-size:12px; line-height:1;}
.z-block{line-height:1.6; resize:vertical; min-height:118px;}
.row-1:active{transform:translateY(1px);}
.mt-start{background:var(--acc); color:#page-carousel;}
.mt-start:hover{box-shadow:0 6px 17px -10px rgba(0, 124, 73, 0.52); background:var(--acc-deep); color:#page-carousel;}
.ml-lg{color:var(--ink); background:transparent; border-color:var(--edge);}*.ml-lg:hover{background:var(--acc-soft); border-color:var(--acc); color:var(--acc);}html .overflow-half{width:100%; text-underline-offset:auto;}

/* newsletter + contact */
.mt-inline{grid-template-columns:1fr 1.25fr; gap:36px; display:grid; align-items:start;}
.px-16{font-size:15px; padding:7px 17px;}
.overflow-start{font-size:19px; line-height:1.55; margin-bottom:18px; color:var(--ink-2); font-family:var(--read);}
.grid-20{display:flex; gap:10px; flex-direction:column;}

/* related */
.overflow-3{display:grid; grid-template-columns:repeat(2,1fr);}
.widgetContainer{flex-direction:column; gap:17px; display:flex;}

/* related */
.overflow-3{gap:14px;}
.mr-xl{transition:border-color 0.22s,box-shadow 0.171s,transform 0.152s; display:block; border:1px solid var(--edge-2); padding:18px 23px; border-radius:var(--rm); background:var(--bg);}
.mr-xl:hover{transform:translateY(-2px); box-shadow:var(--sh-2);}
.border-8{line-height:1.35; font-weight:500; font-size:14px; font-family:var(--read); color:var(--ink);}
.mr-xl:hover{border-color:var(--acc);}

/* ── footer ──────────────────────────────────────────────────────── */
.sliderArea{margin-top:12px; padding:41px 0 30px;}

/* ── footer ──────────────────────────────────────────────────────── */
.sliderArea{color:#main-grid; background:var(--ink);}html .pr-12{display:flex; gap:18px; flex-wrap:wrap; font-variant-caps:normal; align-items:center;}
.position-20{gap:20px; flex-wrap:wrap; padding-bottom:24px; align-items:center; display:flex; justify-content:space-between; border-bottom:1px solid rgba(255, 255, 255, 0.16);}
.carousel--dark{width:auto; opacity:0.88; height:24px; filter:brightness(0) invert(1);}
.mb-xs{font-size:12px; color:#979f88; font-family:var(--read);}

.mr-inline{display:flex; gap:6px;}
.t-panel{background:rgba(255, 254, 255, 0.15); align-items:center; border-top-left-radius:9px;border-top-right-radius:9px;border-bottom-right-radius:9px;border-bottom-left-radius:9px; color:#main-grid; justify-content:center; transition:background 0.236s,color 0.168s,transform 0.236s; display:inline-flex; height:40px; width:42px;}.t-panel:hover{background:var(--acc); transform:translateY(-2px); color:#page-carousel;}

.tooltipPlaceholder{justify-content:space-between; gap:21px; display:flex; align-items:center; padding-top:22px; flex-wrap:wrap;}
.ml-6{display:flex; flex-wrap:wrap; gap:2px;}
.ml-6 li{align-items:center; display:flex;}
.ml-6 li:not(:last-child)::after{content:"·"; color:#526064; margin-left:2px;}
.ml-6 a{font-size:18px; color:#main-grid;}.ml-6 a:hover{color:#page-carousel;}
.popoverLink{color:#867a8a; font-size:15px;}/* ── back to top ─────────────────────────────────────────────────── */
.postTime{display:flex; border-radius:50%; position:fixed; right:20px; z-index:90; box-shadow:var(--sh-2); cursor:pointer; justify-content:center; background:var(--ink); transition:opacity 0.271s,visibility 0.275s,transform 0.248s,background 0.237s; align-items:center; opacity:0; transform:translateY(12px); border:0 none; bottom:22px; height:42px; width:50px; color:#page-carousel; visibility:hidden;}
.postTime.overflow-end{opacity:1; visibility:visible; transform:translateY(0);}/* ── cookie ──────────────────────────────────────────────────────── */
:where(.pb-end){z-index:110; left:0; color:#page-form; padding:12px 0; right:0; position:fixed; background:var(--ink); transition:transform 0.399s ease; box-shadow:0 -6px 32px -13px rgba(4, 15, 7, 0.45); bottom:0; transform:translateY(110%);}
.postTime:hover{background:var(--acc); text-decoration-skip-ink:auto;}body .pb-end.tracking-5{transform:translateY(0);}
.col-start{gap:19px; align-items:center; justify-content:space-between; display:flex;}
.p-xs{font-size:13px; line-height:1.5;}
.p-xs a{color:#7dd4ad; font-synthesis:weight style small-caps;}
.p-xs a{font-variant-ligatures:normal;}
.pb-end .row-1{flex-shrink:0;}/* ── modals (pure CSS, opened via :target) ───────────────────────── */
:where(.leading-8){transition:opacity 0.232s ease,visibility 0.242s ease; opacity:0; inset:0; justify-content:center; align-items:center; visibility:hidden; pointer-events:none; display:flex; position:fixed; padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px; z-index:200;}
.leading-8:target{opacity:1; pointer-events:auto; visibility:visible;}.bg-screen{inset:0; backdrop-filter:blur(2px); position:absolute; background:rgba(15, 20, 6, 0.59);}.o-filter-text{transition:transform 0.197s ease; transform:translateY(10px) scale(.98); border-radius:var(--rl); position:relative; padding:26px 26px 29px; box-shadow:var(--sh-2); max-width:419px; width:100%; z-index:1; background:var(--card);}html .leading-8:target .o-filter-text{transform:none;}
.el-entry-trigger{justify-content:center; border-top-left-radius:11px;border-top-right-radius:11px;border-bottom-right-radius:11px;border-bottom-left-radius:11px; position:absolute; right:18px; background:var(--fill); align-items:center; height:30px; width:34px; top:13px; color:var(--ink-3); display:inline-flex;}
.el-entry-trigger:hover{background:var(--edge); color:var(--ink);}.mr-8:not(._5f8ee5){font-family:var(--disp); margin-bottom:21px; font-size:25px; color:var(--ink); display:block; font-weight:bold;}html .tooltipContainer{flex-direction:column; gap:15px; display:flex;}
.gap-xl{text-align:center; margin-top:2px; color:var(--ink-2); font-size:10.5px; font-family:var(--disp);}

/* =====================================================================
   responsive
   ===================================================================== */
@media (max-width:900px){
  .ml-auto{border-bottom:1px solid var(--edge); gap:0; box-shadow:var(--sh-2); flex-direction:column; padding:13px 19px 21px; position:absolute;}
  .ml-auto{left:0; align-items:stretch; right:0; background:var(--card); display:none; top:var(--top);}
  .ml-auto.open{display:flex;}
  .pt-full{flex-direction:column; gap:0em;}
  .gap-24{margin-top:10px; text-rendering:auto; border-left:0 none; padding:18px 0 0; border-top:1px solid var(--edge-2); mix-blend-mode:normal;}.pt-full a{padding:12px 4px; border-bottom:1px solid var(--edge-2);}
  .gap-24 .row-1{font-variant-caps:normal; flex:1;}.c-screen-time{backface-visibility:visible; print-color-adjust:economy; display:flex;}*.mt-inline{grid-template-columns:1fr; gap:28px;}
}

@media (max-width:820px){
  .z-24{padding:27px 27px 22px;}
  .row-24{padding:28px 26px 36px;}
  .justify-24{padding:19px 29px 33px;}
}

@media (max-width:640px){body{font-size:13.5px;}
  .grid-3,.mt-inline,.row-none{padding:27px 31px;}.mb-inline{font-size:28px;}
  .row-24{font-size:17.5px;}
  .row-24 h2{font-size:19px;}
  .clear-10{gap:15px; font-size:14px;}
  .row-24 h3{font-size:15px;}
  .m-lg{display:none;}
  .rating{grid-template-columns:1fr; gap:15px;}
  .overflow-3{grid-template-columns:1fr;}*.position-20{page-break-inside:auto; align-items:flex-start; flex-direction:column; shape-margin:0; gap:18px;}.tooltipPlaceholder:not(._5f8ee5){align-items:flex-start; flex-direction:column; gap:14px;}
  .postTime{bottom:77px; right:12px;}
  .col-start{flex-direction:column; text-align:center; gap:16px;}
}

@media (max-width:460px){
  .px-md{padding:0 14px;}
  .u-tag{padding:19px 16px 59px;}
  .z-24{padding:23px 18px 20px;}
  .row-24{padding:19px 14px 29px;}
  .justify-24{padding:19px 20px 26px;}
  .grid-3,.mt-inline,.row-none{padding:22px 22px; hyphens:manual; transform-style:flat;}
  .mb-inline{font-size:22px;}
  .o-filter-text{padding:25px 21px 22px;}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important; transition-duration:.001ms!important; scroll-behavior:auto!important;}
}