@font-face{font-family:"Barlow Condensed";font-weight:600;font-style:normal;font-display:swap;src:url(/assets/fonts/barlow-condensed-600.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:700;font-style:normal;font-display:swap;src:url(/assets/fonts/barlow-condensed-700.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/barlow-400.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:500;font-style:normal;font-display:swap;src:url(/assets/fonts/barlow-500.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:600;font-style:normal;font-display:swap;src:url(/assets/fonts/barlow-600.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/jetbrains-mono-400.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:500;font-style:normal;font-display:swap;src:url(/assets/fonts/jetbrains-mono-500.woff2) format("woff2")}
:root{
  --bg:#f1f3f2;--sur:#e6e9e7;--ink:#141a18;--mid:#4b5551;--line:#c7cdca;--acc:#0a7350;--acc-ink:#f4f8f6;--hatch:rgba(20,26,24,.22);
  --disp:"Barlow Condensed","Arial Narrow",sans-serif;--body:"Barlow",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#111514;--sur:#1a201e;--ink:#e6ebe8;--mid:#a2aca7;--line:#333b38;--acc:#45d69b;--acc-ink:#0b1410;--hatch:rgba(230,235,232,.2);color-scheme:dark;
}}
:root[data-theme="dark"]{--bg:#111514;--sur:#1a201e;--ink:#e6ebe8;--mid:#a2aca7;--line:#333b38;--acc:#45d69b;--acc-ink:#0b1410;--hatch:rgba(230,235,232,.2);color-scheme:dark}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:5rem}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.6 var(--body);overflow-x:clip}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration-color:var(--acc);text-decoration-thickness:1.5px;text-underline-offset:.18em}
a:hover{color:var(--acc)}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
h1,h2,h3{font-family:var(--disp);font-weight:600;line-height:1.05;letter-spacing:-.005em;margin:0;text-wrap:balance}
h1{font-size:clamp(2.5rem,5.1vw,4.5rem);font-weight:700}
h2{font-size:clamp(1.9rem,3vw,2.75rem);margin-bottom:.9rem}
h3{font-size:1.5rem}
p{margin:0 0 1em}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:var(--ink);color:var(--bg);padding:.5rem 1rem;z-index:30}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.wrap{max-width:1240px;margin-inline:auto;padding-inline:clamp(16px,3vw,32px)}
main>section{margin-block:clamp(3.5rem,7vw,6rem)}
.sec-lead{max-width:62ch;color:var(--mid);margin-bottom:1.6rem}
.lede{font-size:clamp(1.15rem,1.7vw,1.35rem);line-height:1.4;max-width:42ch;margin:1.1rem 0 1.6rem}
.note{font-size:.92rem;color:var(--mid);max-width:80ch;margin-top:1rem}
.src{font-family:var(--mono);font-size:.78em;white-space:nowrap}

/* top */
.top{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--line);z-index:10}
.top-in{max-width:1240px;margin:auto;padding-inline:clamp(16px,3vw,32px);height:64px;display:flex;align-items:center;gap:2rem}
.brand{display:flex;align-items:center;gap:.55rem;font:700 1.5rem/1 var(--disp);text-decoration:none;white-space:nowrap}
.top nav{display:flex;gap:1.35rem;margin-left:auto}
.top nav a{text-decoration:none;font-weight:500;font-size:.98rem;padding-block:.3rem;border-bottom:2px solid transparent}
.top nav a[aria-current=page]{border-color:var(--acc)}
.theme{font:500 .75rem var(--mono);background:none;border:1px solid var(--line);color:inherit;padding:.32rem .55rem;cursor:pointer}
.theme:hover{border-color:var(--ink)}

/* buttons */
.cta{display:flex;flex-wrap:wrap;gap:.75rem;margin:0}
.btn{display:inline-block;background:var(--acc);color:var(--acc-ink);font:600 1.02rem/1 var(--body);padding:.85rem 1.2rem;text-decoration:none;border:1.5px solid var(--acc);cursor:pointer;white-space:nowrap;transition:transform .15s cubic-bezier(.16,1,.3,1)}
.btn:hover{color:var(--acc-ink);filter:brightness(1.08)}.btn:active{transform:translateY(1px)}
.btn.ghost{background:none;color:var(--ink);border-color:var(--ink)}
.btn.ghost:hover{color:var(--acc);border-color:var(--acc);filter:none}

/* hero */
main>.hero{margin-block:0;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:stretch;border-bottom:1px solid var(--line);min-height:min(620px,78dvh)}
.hero-t{padding:clamp(2.5rem,6vw,5rem) clamp(1.5rem,3vw,3rem) clamp(2.5rem,5vw,4rem) max(clamp(16px,3vw,32px),calc((100vw - 1240px)/2 + 32px));align-self:center}
.hero h1{font-size:clamp(2.5rem,4.1vw,3.8rem)}
.hero-p{display:block;position:relative}
.hero-p img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* answer */
.ans-lead{font-size:clamp(1.15rem,1.7vw,1.35rem);line-height:1.45;max-width:64ch;margin-bottom:2rem}
.plates{display:grid;grid-template-columns:repeat(12,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.pl{background:var(--bg);padding:1.4rem 1.5rem}
.pl p:last-child{margin:0;font-size:.98rem;color:var(--mid)}
.big{font:500 clamp(2rem,3.4vw,3.1rem)/1 var(--mono);letter-spacing:-.04em;margin-bottom:.7rem;color:var(--ink)}
.pl-a{grid-column:span 5;background:var(--ink);color:var(--bg)}
.pl-a .big{color:var(--bg)}.pl-a p:last-child{color:var(--bg);opacity:.85}
.pl-a a:hover{color:inherit}
.pl-b{grid-column:span 7;background:repeating-linear-gradient(135deg,var(--hatch) 0 1px,transparent 1px 9px),var(--bg)}
.pl-c{grid-column:span 4}
.pl-d{grid-column:span 8;background:var(--sur)}

/* legend + stamps */
.legend{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;font-size:.9rem;color:var(--mid)}
.legend li{display:flex;align-items:center;gap:.4rem}
.stamp{display:inline-flex;gap:2px;margin-top:.5rem}
.st{display:inline-grid;place-items:center;width:1.3rem;height:1.3rem;font:500 .68rem var(--mono);border:1px solid var(--line);color:var(--mid)}
.st.on{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}

/* finder */
.finder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 1.25rem;background:var(--sur);padding:1.1rem 1.25rem;margin-bottom:.5rem}
.finder[hidden]{display:none}
.f-grp{display:flex;flex-direction:column;gap:.35rem}
.f-grp label{font-size:.92rem;font-weight:500}
select{font:inherit;font-size:1rem;background:var(--bg);color:var(--ink);border:1px solid var(--mid);padding:.55rem .6rem;width:100%;border-radius:0}
.f-out{grid-column:1/-1;margin:0;font-size:.92rem;color:var(--mid)}
.f-empty{padding:1.5rem 0;font-weight:500}

/* operator rows */
.ops{list-style:none;margin:0;padding:0}
.op{display:grid;grid-template-columns:minmax(0,3.2fr) minmax(0,2.6fr) minmax(0,6.2fr);gap:.4rem 2rem;padding:1.6rem 0;border-top:1px solid var(--line)}
.op[hidden]{display:none}
.op-id{position:relative;padding-left:2.1rem;grid-row:span 2}
.ord{position:absolute;left:0;top:.2rem;font:500 .85rem var(--mono);color:var(--mid)}
.op h3{font-size:1.6rem}.op h3 a{text-decoration:none}.op h3 a:hover{text-decoration:underline}
.area{font-size:.92rem;color:var(--mid);margin:.3rem 0 0}
.rate{font:500 1.5rem/1.1 var(--mono);letter-spacing:-.03em;margin-bottom:.35rem}
.rate-note{font-size:.9rem;color:var(--mid);margin:0}
.calc{font:400 .78rem/1.4 var(--mono);margin:.5rem 0 0;color:var(--acc)}
.op-facts{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.7rem 1.5rem}
.op-facts dt{font:500 .72rem var(--mono);color:var(--mid);margin-bottom:.1rem}
.op-facts dd{margin:0;font-size:.97rem;line-height:1.4}
.watch{grid-column:2/-1;margin:.7rem 0 0;font-size:.95rem;line-height:1.45}
.srcs{white-space:normal}.srcs .src{margin-right:.3rem}

/* waitlist */
.waitlist{display:grid;grid-template-columns:auto minmax(0,4fr) minmax(0,7fr);gap:1.5rem 2rem;padding:1.8rem;background:var(--sur);border-top:2px solid var(--ink);border-bottom:8px solid transparent;border-image:repeating-linear-gradient(135deg,var(--ink) 0 2px,transparent 2px 7px) 8}
.wl-flag{font:500 .85rem var(--mono);background:var(--ink);color:var(--bg);padding:.3rem .55rem;margin:0;align-self:start}
.waitlist h3{font-size:1.6rem}.waitlist p{margin:.5rem 0 0}.wl-b p:first-child{margin-top:0}
.wl-go{font-weight:500}

/* cover */
.dotfig{margin:0 0 2rem}
.dots .g{stroke:var(--line);stroke-width:1}.dots .r{stroke:var(--line);stroke-width:1;stroke-dasharray:1 5}
.dots text{fill:var(--ink);font-family:var(--body)}.dots .ax{fill:var(--mid);font-family:var(--mono)}
.dots .lane{fill:var(--mid)}.dots .lane.perc{fill:var(--ink);font-weight:600}
.dots .n{font-weight:500}
.dots .d{fill:var(--acc)}.dots .dh{fill:var(--bg);stroke:var(--acc);stroke-width:2}
.dots.narrow{display:none}
figcaption{font-size:.88rem;color:var(--mid);max-width:80ch;margin-top:.8rem}
.traps{display:grid;grid-template-columns:5fr 7fr;gap:2rem 3rem}
.traps>div:first-child{grid-row:span 2;border-left:3px solid var(--acc);padding-left:1.1rem}
.traps h3{margin-bottom:.45rem}.traps p{margin:0}

/* clock */
main>.clock-sec{background:var(--sur);padding-block:clamp(3rem,6vw,5rem)}
.clock-head,.clock-rows li{display:grid;grid-template-columns:7rem minmax(0,5fr) minmax(0,6fr);gap:0 1.5rem}
.clock-head{font:500 .72rem var(--mono);color:var(--mid);padding-bottom:.4rem;align-items:end}
.ax{position:relative;height:1.1rem}
.ax-t{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.ax-t:first-child{transform:none}
.clock-rows{list-style:none;margin:0;padding:0}
.clock-rows li{border-top:1px solid var(--line);align-items:stretch}
.cw{font:500 .95rem var(--mono);margin:0;padding:.95rem 0}
.track{position:relative;min-height:100%}
.guide{position:absolute;top:0;bottom:0;width:1px;background:var(--line)}
.hatch{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,var(--hatch) 0 1.5px,transparent 1.5px 7px)}
.mk{position:absolute;top:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;background:var(--ink);transform-origin:center}
.bnd{position:absolute;top:50%;height:13px;margin-top:-6.5px;background:var(--ink);transform-origin:left center}
.bnd.ok{background:var(--acc)}
.cwhat{margin:0;padding:.95rem 0;font-size:.98rem;line-height:1.42}
.cwhat b{font-weight:600}
.csrc{color:var(--mid);font-size:.85rem;display:block;margin-top:.2rem}
.csrc .src{font-size:.92em}
.clock-more{margin:1.6rem 0 0;max-width:68ch;font-weight:500}
.anim .clock-rows li:not(.in) .mk{transform:scale(0)}
.anim .clock-rows li:not(.in) .bnd{transform:scaleX(0)}
.anim .mk,.anim .bnd{transition:transform .5s cubic-bezier(.16,1,.3,1)}
.anim .caps li:not(.in) .c-line{transform:scaleX(0)}
.anim .c-line{transition:transform .6s cubic-bezier(.16,1,.3,1);transform-origin:left}
.anim .tb:not(.in) .tbar{transform:scaleY(.2)}
.anim .tbar{transition:transform .55s cubic-bezier(.16,1,.3,1);transform-origin:bottom}

/* also */
.also-l{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,1fr);gap:1.4rem 2rem}
.also-l li{grid-column:span 2}
.also-l li:nth-child(n+4){grid-column:span 3}
.also-l a{font:600 1.3rem/1.1 var(--disp);display:block;margin-bottom:.3rem}
.also-l span{font-size:.95rem;color:var(--mid);display:block;line-height:1.42}

/* faq + more */
.faq{max-width:82ch}
details{border-top:1px solid var(--line);padding:.9rem 0}
details:last-child{border-bottom:1px solid var(--line)}
summary{font-weight:600;cursor:pointer;font-size:1.08rem;list-style-position:inside}
summary:hover{color:var(--acc)}
details p{margin:.6rem 0 .1rem}
.more{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:2.5rem}
.more a{background:var(--bg);padding:1.15rem 1.3rem;text-decoration:none;display:block}
.more a:hover{background:var(--sur);color:inherit}
.more span{font:600 1.4rem/1.1 var(--disp);display:block}
.more small{font-size:.92rem;color:var(--mid);display:block;margin-top:.25rem}

/* inner header */
.ph{padding-top:clamp(2.5rem,6vw,4.5rem)}
.ph h1{max-width:20ch;font-size:clamp(2.4rem,4.6vw,4rem)}
.ph .lede{max-width:58ch}
main>.ph{margin-block:0}
.nf{min-height:50vh}
.prose{max-width:66ch}
.prose h2{margin-top:2rem}.prose h2:first-child{margin-top:0}
.prose-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:2rem clamp(2rem,5vw,4.5rem);align-items:start}
.split-even{display:grid;grid-template-columns:1fr 1fr;gap:2rem clamp(2rem,5vw,4.5rem);align-items:start}
.firm{background:var(--sur);padding:1.4rem 1.5rem}
.firm h2{font-size:1.5rem;margin-bottom:.5rem}.firm h2+p:last-child{margin:0}
.firm p+h2{margin-top:1.4rem}
.plain{padding-left:0;list-style:none;margin:0 0 1em}
.plain li{padding:.25rem 0}
.plain b{font:500 .85rem var(--mono);background:var(--acc);color:var(--acc-ink);display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;margin-right:.45rem}

/* caps */
.caps{margin:0;background:var(--sur);padding:1.4rem 1.5rem}
.c-rows{list-style:none;margin:0;padding:0}
.c-rows li{padding:.45rem 0}
.c-name{display:flex;justify-content:space-between;font-weight:500;font-size:.98rem}
.c-line{display:block;height:13px;width:var(--x);background:var(--acc);margin:.25rem 0}
.c-val{font:400 .78rem var(--mono);color:var(--mid)}
.c-axis{position:relative;height:1.1rem;border-top:1px solid var(--mid);margin-top:.5rem;font:400 .72rem var(--mono);color:var(--mid)}
.c-t{position:absolute;top:.2rem;transform:translateX(-50%)}
.c-t:first-child{transform:none}.c-t:last-child{transform:translateX(-100%)}

/* tables -> rows */
.tbl{overflow-x:auto}
.rtable{border-collapse:collapse;width:100%;font-size:.98rem}
.rtable th,.rtable td{text-align:left;padding:.85rem 1rem .85rem 0;vertical-align:top;border-bottom:1px solid var(--line)}
.rtable thead th{font:500 .72rem var(--mono);color:var(--mid)}
.rtable tbody th{font:600 1.25rem/1.1 var(--disp)}

.starts{list-style:none;padding:0;margin:0}
.starts li{display:grid;grid-template-columns:10.5rem minmax(0,1fr);gap:1rem;padding:.55rem 0}
.sf-k{font:500 .85rem/1.5 var(--mono)}
.asks{padding-left:0;list-style:none;counter-reset:a;display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 3rem;margin:0}
.asks.tight{grid-template-columns:1fr;gap:.9rem}
.asks li{counter-increment:a;padding-left:2.1rem;position:relative}
.asks li::before{content:counter(a);position:absolute;left:0;top:.05rem;font:500 .85rem var(--mono);width:1.4rem;height:1.4rem;display:grid;place-items:center;border:1px solid var(--mid)}

/* while away spans */
.spans{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem clamp(1.25rem,2.5vw,2.25rem);align-items:start}
.sp{padding-top:1rem;position:relative}
.sp::before{content:"";position:absolute;top:0;left:0;height:6px;background:var(--acc)}
.s1{grid-column:span 2}.s1::before{width:100%}
.s2{grid-column:span 3}.s2::before{width:100%}
.s3{grid-column:span 4}.s3::before{width:100%}
.s4{grid-column:span 3}.s4::before{width:100%;background:repeating-linear-gradient(135deg,var(--ink) 0 2px,transparent 2px 6px)}
.sp-k{font:500 .78rem var(--mono);color:var(--mid);margin-bottom:.45rem}
.sp h3{margin-bottom:.5rem;font-size:1.45rem}.sp p:last-child{margin:0;font-size:.97rem}
.ph-fig{margin:0}.ph-fig img{width:100%;height:auto}
.area-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 3rem;margin:0}
.area-l div{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:1rem;border-top:1px solid var(--line);padding:.7rem 0}
.area-l dt{font-weight:600}.area-l dd{margin:0}
.wl-line{max-width:900px}.wl-line h2{font-size:1.9rem}

/* climate */
.split-chart{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:2rem clamp(2rem,5vw,4rem);align-items:start}
.temps{margin:0}
.tplot{position:relative;height:320px}
.tlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(12,1fr);gap:6px;height:100%}
.tb{height:100%;position:relative}
.tbar{position:absolute;left:0;right:0;bottom:1.5rem;display:block;height:calc((100% - 1.5rem)*var(--h));background:var(--line)}
.tb.hot .tbar{background:var(--acc)}
.tv{position:absolute;left:0;right:0;bottom:calc(1.5rem + (100% - 1.5rem)*var(--h) + 3px);font:500 .7rem var(--mono);text-align:center;background:var(--bg);z-index:1}
.tm{position:absolute;left:0;right:0;bottom:0;font:400 .72rem/1.2rem var(--mono);text-align:center;color:var(--mid)}
.t40{position:absolute;left:0;right:0;bottom:calc(1.5rem + (100% - 1.5rem)*var(--h));border-top:1.5px dashed var(--ink);height:0}
.t40 span{position:absolute;left:0;top:-1.25rem;font:400 .72rem var(--mono)}
.tiers{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem clamp(1.5rem,3vw,3rem)}
.tier h3{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.8rem}
.tier small{font:400 .75rem var(--mono);color:var(--mid)}
.tier ul{list-style:none;padding:0;margin:0}
.tier li{padding:.5rem 0;border-top:1px solid var(--line)}
.tier a{font-weight:600;display:block}
.tier span{font-size:.93rem;color:var(--mid);line-height:1.35;display:block}
.t0{grid-column:span 4;background:var(--acc);color:var(--acc-ink);padding:1.4rem}
.t0 small,.t0 span{color:var(--acc-ink)}.t0 li{border-color:color-mix(in srgb,var(--acc-ink) 35%,transparent)}.t0 a:hover{color:inherit}
.t1{grid-column:span 8}.t1 ul,.t2 ul{column-count:2;column-gap:clamp(1.5rem,3vw,3rem)}.t1 li,.t2 li{break-inside:avoid}
.t2{grid-column:span 8}
.t3{grid-column:span 4;padding-left:1.2rem;background:repeating-linear-gradient(135deg,var(--hatch) 0 1px,transparent 1px 9px);padding:1.2rem}

/* checklist */
.chk-wrap{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem clamp(2rem,5vw,4rem)}
.chk-g h2{font-size:1.8rem;border-bottom:2px solid var(--ink);padding-bottom:.4rem}
.chk{list-style:none;padding:0;margin:0}
.chk li{padding:.55rem 0}
.chk label{display:grid;grid-template-columns:1.4rem minmax(0,1fr);gap:.7rem;cursor:pointer;font-size:.98rem;line-height:1.42}
.chk input{appearance:none;width:1.25rem;height:1.25rem;border:1.5px solid var(--ink);background:none;margin:.1rem 0 0;cursor:pointer;display:grid;place-items:center}
.chk input:checked{background:var(--acc);border-color:var(--acc)}
.chk input:checked::after{content:"";width:.55rem;height:.3rem;border:2px solid var(--acc-ink);border-top:0;border-right:0;transform:rotate(-45deg) translateY(-1px)}
.chk b{font-weight:600;display:block}
.press{list-style:none;padding:0;margin:0 0 1.75rem;display:grid;gap:1.2rem}
.press li{display:grid;grid-template-columns:11rem minmax(0,5fr) 5.5rem minmax(0,5fr);gap:.3rem 1.25rem;align-items:center}
.pn{margin:0;font-weight:600}.pn .src{font:600 1rem var(--body);white-space:normal}
.ptrack{position:relative;height:14px;border-bottom:1px solid var(--mid)}
.ptrack i{position:absolute;left:var(--x);top:0;width:13px;height:14px;margin-left:-6.5px;background:var(--acc)}
.press li:first-child .ptrack i{margin-left:0}
.pv{margin:0;font:500 .9rem var(--mono)}.pt{margin:0;font-size:.95rem;line-height:1.38}
.tyre-more{display:grid;grid-template-columns:1fr 1fr;gap:1rem clamp(2rem,5vw,4rem)}

/* rules */
.rules{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(2rem,4vw,3.5rem)}
.ru{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:1rem;padding:.85rem 0;border-top:1px solid var(--line)}
.ru p{margin:0;font-size:.98rem;line-height:1.42}
.ru-tag{font:500 .7rem/1.3 var(--mono);padding:.25rem .4rem;align-self:start;text-align:center}
.off .ru-tag{background:var(--acc);color:var(--acc-ink)}
.new .ru-tag{background:var(--ink);color:var(--bg)}
.old .ru-tag{border:1px solid var(--mid);background:repeating-linear-gradient(135deg,var(--hatch) 0 1px,transparent 1px 5px)}
.abn{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:1rem clamp(1.5rem,4vw,3.5rem);align-items:start}
.abn-n{margin:0;font-size:.95rem;max-width:14ch;color:var(--mid)}
.abn-n span{display:block;font:500 clamp(2.2rem,4vw,3.4rem)/1 var(--mono);letter-spacing:-.04em;color:var(--ink);margin-bottom:.35rem}
.abn-t{margin:0;max-width:62ch}
.tocheck{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:1rem clamp(2rem,4vw,3.5rem);margin:0}
.tocheck li{padding-left:.9rem;border-left:3px solid var(--line)}

/* foot */
.foot{border-top:1px solid var(--line);background:var(--sur);margin-top:4rem}
.foot-in{max-width:1240px;margin:auto;padding:2.2rem clamp(16px,3vw,32px);display:grid;grid-template-columns:minmax(0,2fr) minmax(0,5fr) minmax(0,5fr);gap:1rem 2rem;font-size:.92rem}
.foot-in p{margin:0}.foot-b{font:700 1.4rem/1 var(--disp)}
.foot-l{display:flex;flex-wrap:wrap;gap:.3rem 1.2rem}

@media (max-width:1040px){
  .top nav{gap:.9rem}.top nav a{font-size:.92rem}
  .op{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);}
  .op-id{grid-row:auto}
  .op-facts{grid-column:1/-1}
  .watch{grid-column:1/-1}
  .s1,.s2,.s3,.s4{grid-column:span 6}
  .also-l li,.also-l li:nth-child(n+4){grid-column:span 3}
  .t0,.t3{grid-column:span 5}.t1,.t2{grid-column:span 7}
}
@media (max-width:820px){
  .top-in{flex-wrap:wrap;height:auto;padding-block:.65rem .35rem;gap:.35rem 1rem;justify-content:space-between}
  .top nav{order:3;width:100%;margin:0;overflow-x:auto;gap:1.1rem;padding-bottom:.25rem;scrollbar-width:none}
  .top nav a{white-space:nowrap}
  main>.hero{grid-template-columns:1fr}
  .hero-t{padding:2.2rem 16px 2rem}
  main>.hero{min-height:0}
  .hero-p{aspect-ratio:16/10}
  h1{font-size:clamp(2.3rem,10.5vw,3.2rem)}
  .plates{grid-template-columns:1fr}.plates .pl{grid-column:auto}
  .finder{grid-template-columns:1fr}
  .op{grid-template-columns:1fr;padding:1.3rem 0}
  .op-rate{padding-left:2.1rem}
  .op-facts{grid-template-columns:1fr;padding-left:2.1rem;gap:.5rem}
  .watch{padding-left:2.1rem}
  .waitlist{grid-template-columns:1fr;gap:.6rem;padding:1.25rem}.wl-flag{justify-self:start}
  .dots.wide{display:none}.dots.narrow{display:block}
  .traps{grid-template-columns:1fr}.traps>div:first-child{grid-row:auto}
  .clock-head{grid-template-columns:1fr}.clock-head>span{display:none}
  .clock-rows li{grid-template-columns:1fr;padding-block:.5rem .8rem}
  .cw{padding:.4rem 0 .35rem}
  .track{height:16px;min-height:16px}
  .cwhat{padding:.5rem 0 0}
  .ax-t{font-size:.64rem}
  .also-l{grid-template-columns:1fr}.also-l li,.also-l li:nth-child(n+4){grid-column:auto}
  .more{grid-template-columns:1fr}
  .prose-grid,.split-even,.split-chart,.chk-wrap,.tyre-more,.rules,.tocheck{grid-template-columns:1fr}
  .asks{grid-template-columns:1fr}
  .spans{grid-template-columns:1fr}.s1,.s2,.s3,.s4{grid-column:auto}
  .area-l{grid-template-columns:1fr}
  .tiers{grid-template-columns:1fr}.t0,.t1,.t2,.t3{grid-column:auto}.t1 ul,.t2 ul{column-count:1}
  .tplot{height:250px}.tlist{gap:2px}
  .tv{font-size:.56rem;letter-spacing:-.06em}.tm{font-size:.62rem}
  .t40 span{font-size:.64rem}
  .rtable thead{display:none}
  .rtable,.rtable tbody,.rtable tr,.rtable td,.rtable th{display:block;width:100%}
  .rtable tr{border-top:1px solid var(--line);padding:.9rem 0}
  .rtable th,.rtable td{border:0;padding:.15rem 0}
  .rtable td::before{content:attr(data-l) ": ";font:500 .72rem var(--mono);color:var(--mid)}
  .starts li{grid-template-columns:8.4rem minmax(0,1fr);gap:.6rem}
  .press li{grid-template-columns:minmax(0,1fr) auto}
  .ptrack{grid-column:1/-1;grid-row:2}.pt{grid-column:1/-1}
  .abn{grid-template-columns:1fr 1fr}.abn-t{grid-column:1/-1}
  .foot-in{grid-template-columns:1fr}
  .ph h1{font-size:clamp(2.2rem,9.2vw,3rem)}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{
  .top,.foot,.noprint,.more,.q{display:none!important}
  body{background:#fff;color:#000;font-size:11pt}
  .chk input{border-color:#000}
}
/* pick */
.pick{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:1.5rem 2.5rem;padding:1.8rem;margin:1.25rem 0 1.75rem;background:var(--sur);border-top:3px solid var(--acc)}
.pk-flag{display:inline-block;font:500 .85rem var(--mono);background:var(--acc);color:var(--acc-ink);padding:.3rem .55rem;margin:0 0 .8rem}
.pick h3{font-size:1.8rem;margin:0}.pick h3 a{text-decoration-thickness:2px}
.pick .area{margin:.35rem 0 .7rem}.pick .rate{margin:1rem 0 0}.pick .rate-note{margin:.2rem 0 0}
.pk-b>p{margin:.9rem 0 0;max-width:68ch}.pk-b .note{color:var(--mid);font-size:.9rem}
@media (max-width:760px){.pick{grid-template-columns:minmax(0,1fr);padding:1.2rem}}
.pick dl.op-facts{margin:0}
.rtable .pick-row th small{font:500 .72rem var(--mono);color:var(--acc);margin-left:.4rem}