/* LexBrief Insights. Editorial paper and ink, Florida sunset accents. Modern CSS: nesting, :has(), container queries,
   light-dark(), color-mix(), scroll-driven animation, cross-document view transitions, popover, dialog. */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:300 900;font-display:swap;src:url(/assets/fonts/fraunces.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:300 900;font-display:swap;src:url(/assets/fonts/fraunces-italic.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/inter.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/fonts/jbmono.woff2) format("woff2")}

@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}

:root{
  color-scheme:light dark;
  --paper:light-dark(#f5f1e8,#0e1116);
  --paper-2:light-dark(#ece6d8,#161b22);
  --card:light-dark(#fffdf8,#151a21);
  --ink:light-dark(#121417,#ece8df);
  --ink-2:light-dark(#4a4f57,#a3a9b3);
  --ink-3:light-dark(#767b83,#7d848e);
  --line:light-dark(rgba(18,20,23,.12),rgba(236,232,223,.12));
  --coral:light-dark(#d14a22,#ff7a55);
  --sun:light-dark(#b86e0e,#f2b056);
  --teal:light-dark(#0b7a75,#3cc4b9);
  --indigo:light-dark(#4652d8,#8b95ff);
  --plum:light-dark(#9a3b74,#e58ac0);
  --green:light-dark(#257f4b,#5fd18f);
  --blue:light-dark(#1f69bf,#6aaeff);
  --acc:var(--teal);
  --serif:"Fraunces",ui-serif,Georgia,serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --r:18px;
  --wrap:min(1240px,100% - 2*max(20px,env(safe-area-inset-left)));
  --shadow:0 1px 0 var(--line),0 12px 32px -18px rgba(0,0,0,.35);
  --fs:1.0625rem;
}
:root[data-theme=light]{color-scheme:light}
:root[data-theme=dark]{color-scheme:dark}
:root[data-size=l]{--fs:1.1875rem}
:root[data-size=xl]{--fs:1.3125rem}
.acc-coral{--acc:var(--coral)}.acc-sun{--acc:var(--sun)}.acc-teal{--acc:var(--teal)}.acc-indigo{--acc:var(--indigo)}
.acc-plum{--acc:var(--plum)}.acc-green{--acc:var(--green)}.acc-blue{--acc:var(--blue)}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:84px}
@media (pointer:coarse){@supports (font:-apple-system-body){html{font:-apple-system-body;font-size:100%}}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.6 var(--sans);-webkit-font-smoothing:antialiased;
  font-feature-settings:"cv11","ss01";min-height:100dvh;display:flex;flex-direction:column;
  background-image:radial-gradient(1200px 500px at 85% -10%,color-mix(in oklab,var(--sun) 14%,transparent),transparent 60%),
                   radial-gradient(900px 420px at -10% 0%,color-mix(in oklab,var(--teal) 10%,transparent),transparent 60%);
  background-repeat:no-repeat}
main{flex:1}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-color:color-mix(in oklab,currentColor 35%,transparent);text-underline-offset:.18em}
a:hover{text-decoration-color:currentColor}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:6px}
button{font:inherit;color:inherit;cursor:pointer}
h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-.015em;line-height:1.1;text-wrap:balance;margin:0;
  font-variation-settings:"SOFT" 50,"WONK" 0}
p{text-wrap:pretty}
kbd{font:500 .72rem var(--mono);border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:1px 6px;color:var(--ink-2)}
.wrap{width:var(--wrap);margin-inline:auto}
.skip{position:absolute;left:-999px;top:8px;z-index:99;background:var(--ink);color:var(--paper);padding:10px 14px;border-radius:10px}
.skip:focus{left:12px}
.small{font-size:.9rem;color:var(--ink-2)}
.envbar{font:600 .7rem/1 var(--mono);letter-spacing:.08em;text-align:center;padding:6px 8px calc(6px);
  background:repeating-linear-gradient(-45deg,var(--sun) 0 14px,color-mix(in oklab,var(--sun) 80%,#000) 14px 28px);color:#111}

/* reading progress: pure CSS scroll timeline where supported, JS fallback sets --p */
.progress{position:fixed;inset:0 0 auto;height:3px;z-index:60;pointer-events:none}
.progress i{display:block;height:100%;transform-origin:0 50%;transform:scaleX(var(--p,0));
  background:linear-gradient(90deg,var(--teal),var(--sun),var(--coral))}
@supports (animation-timeline:scroll()){
  .progress i{animation:grow linear both;animation-timeline:scroll(root)}
  @keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
}
body:not(:has(.post)) .progress{display:none}

/* masthead */
.masthead{position:sticky;top:0;z-index:50;padding-top:env(safe-area-inset-top);
  background:color-mix(in oklab,var(--paper) 78%,transparent);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);
  border-bottom:1px solid var(--line)}
.mh-inner{width:var(--wrap);margin-inline:auto;display:flex;align-items:center;gap:18px;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.brand img{border-radius:9px}
.wm{font-family:var(--serif);font-size:1.45rem;line-height:1;letter-spacing:-.02em;display:flex;gap:.28em;align-items:baseline}
.wm b{font-weight:700}
.wm i{font-weight:400;font-style:italic;color:var(--coral);font-size:.72em}
.topnav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;mask-image:linear-gradient(90deg,#000 92%,transparent)}
.topnav::-webkit-scrollbar{display:none}
.topnav a{font:500 .86rem var(--sans);text-decoration:none;white-space:nowrap;padding:8px 11px;border-radius:999px;color:var(--ink-2);transition:background .2s,color .2s}
.topnav a:hover,.topnav a.on{color:var(--ink);background:color-mix(in oklab,var(--acc) 14%,transparent)}
.topnav a.on{box-shadow:inset 0 -2px 0 var(--acc)}
.mh-tools{display:flex;gap:6px;margin-left:auto}
.iconbtn{display:inline-flex;align-items:center;gap:8px;height:40px;min-width:40px;justify-content:center;padding:0 10px;border-radius:12px;
  border:1px solid var(--line);background:var(--card);text-decoration:none;position:relative}
.iconbtn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.iconbtn:hover{border-color:color-mix(in oklab,var(--ink) 30%,transparent)}
.saved-count{position:absolute;top:-6px;right:-6px;font:700 .65rem/18px var(--sans);min-width:18px;text-align:center;border-radius:9px;background:var(--coral);color:#fff}
@media (max-width:980px){.topnav{display:none}.mh-tools kbd{display:none}}

/* edition header */
.edition{padding:44px 0 18px}
.ed-line{display:flex;flex-wrap:wrap;gap:6px 18px;font:500 .78rem var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);
  border-bottom:1px solid var(--line);padding-bottom:14px}
.live{display:inline-flex;align-items:center;gap:8px;color:var(--coral)}
.live i,.pulse{width:8px;height:8px;border-radius:50%;background:var(--coral);display:inline-block;box-shadow:0 0 0 0 color-mix(in oklab,var(--coral) 60%,transparent);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}
.ed-title{font-size:clamp(2.4rem,7.2vw,6.2rem);line-height:.95;margin-top:22px;font-weight:500;letter-spacing:-.035em;
  font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 144}
.ed-title em{font-style:italic;font-weight:300;color:var(--teal)}
.ed-title span:last-child{background:linear-gradient(90deg,var(--sun),var(--coral));-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:600px){.hide-s{display:none}}

/* lead */
.lead{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:28px;padding:22px 0 40px}
.lead-link{text-decoration:none;display:block}
.lead-main figure{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:16/9;background:var(--paper-2)}
.lead-main img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.lead-link:hover img{transform:scale(1.035)}
.lead-body{padding-top:18px}
.lead-body h2{font-size:clamp(1.7rem,3.4vw,2.8rem);margin:10px 0 12px}
.lead-body p{font-size:1.12rem;color:var(--ink-2);margin:0 0 12px;max-width:62ch}
.read-on{color:var(--acc);font-weight:600}
.lead-side{border-left:1px solid var(--line);padding-left:26px;display:flex;flex-direction:column;gap:4px}
.rail-h{font:600 .78rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:8px}
.side-item{display:flex;gap:16px;text-decoration:none;padding:14px 0;border-bottom:1px solid var(--line)}
.side-item:last-child{border:0}
.si-n{font:italic 300 2.2rem/1 var(--serif);color:var(--acc);min-width:28px}
.si-b{display:flex;flex-direction:column;gap:4px}
.si-k{font:600 .72rem var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--acc)}
.si-t{font:600 1.12rem/1.25 var(--serif);text-wrap:balance}
.side-item:hover .si-t{text-decoration:underline;text-decoration-color:var(--acc)}
.si-m{font-size:.8rem;color:var(--ink-3)}
@media (max-width:980px){.lead{grid-template-columns:1fr}.lead-side{border:0;padding:0}}

/* chips, kicker, meta */
.kicker{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:6px;font:600 .72rem/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--acc);
  padding:6px 10px;border-radius:999px;background:color-mix(in oklab,var(--acc) 12%,transparent);text-decoration:none}
.upd-dot{display:inline-flex;align-items:center;gap:6px;font:600 .72rem var(--sans);color:var(--coral)}
.upd-dot::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--coral)}
.meta{display:flex;gap:14px;font-size:.82rem;color:var(--ink-3);margin-top:auto}
.sec-h{font-size:clamp(1.6rem,3vw,2.2rem);display:flex;align-items:center;gap:12px}
.sec-top{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px;margin:12px 0 22px}
.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:4px 2px;scroll-snap-type:x proximity}
.chips::-webkit-scrollbar{display:none}
.chip-f{flex:none;scroll-snap-align:start;font:500 .86rem var(--sans);text-decoration:none;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);
  display:inline-flex;gap:8px;align-items:center;transition:all .2s}
.chip-f span{font:500 .72rem var(--mono);color:var(--ink-3)}
.chip-f:hover{border-color:var(--acc)}
.chip-f.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.chip-f.on span{color:inherit;opacity:.7}

/* living stories rail */
.living{padding:30px 0 44px;background:linear-gradient(180deg,transparent,color-mix(in oklab,var(--paper-2) 70%,transparent) 30%,transparent)}
.rail-head{display:grid;grid-template-columns:auto 1fr;gap:10px 28px;align-items:center;margin-bottom:20px}
.rail-head p{margin:0;color:var(--ink-2);max-width:70ch;font-size:.95rem}
@media (max-width:760px){.rail-head{grid-template-columns:1fr}}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(360px,82vw);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:4px max(20px,calc((100vw - 1240px)/2)) 18px;scroll-padding-inline:max(20px,calc((100vw - 1240px)/2));scrollbar-width:thin}
.live-card{scroll-snap-align:start;display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:var(--r);background:var(--card);
  border:1px solid var(--line);text-decoration:none;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform .25s}
.live-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--acc)}
.live-card:hover{transform:translateY(-3px)}
.lc-k{font:600 .72rem var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--coral)}
.lc-t{font:600 1.2rem/1.2 var(--serif);text-wrap:balance}
.lc-n{font-size:.9rem;color:var(--ink-2);flex:1}
.lc-m{font-size:.78rem;color:var(--ink-3)}

/* cards grid */
.latest{padding:20px 0 50px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:22px;grid-auto-flow:dense}
.grid-3{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}
.card{container-type:inline-size;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s;position:relative}
.card:hover{transform:translateY(-4px);box-shadow:0 24px 40px -24px color-mix(in oklab,var(--acc) 55%,#000)}
.card[hidden]{display:none}
.card-link{display:flex;flex-direction:column;height:100%;text-decoration:none}
.card-img{margin:0;aspect-ratio:16/10;overflow:hidden;background:var(--paper-2)}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.card:hover .card-img img{transform:scale(1.05)}
.card-body{display:flex;flex-direction:column;gap:10px;padding:18px 20px 20px;flex:1}
.card-t{font-size:1.28rem;line-height:1.18}
.card-s{margin:0;color:var(--ink-2);font-size:.94rem}
.card-l{grid-column:span 2}
@media (max-width:700px){.card-l{grid-column:auto}}
@container (min-width:560px){
  .card-link{display:grid;grid-template-columns:1.15fr 1fr}
  .card-img{aspect-ratio:auto;height:100%}
  .card-t{font-size:1.65rem}
  .card-body{padding:26px}
}
.fn-fig{margin:-24px -24px 4px;aspect-ratio:16/10;overflow:hidden;background:var(--ink)}
.fn-art{width:100%;height:100%;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.firm-note:hover .fn-art{transform:scale(1.04)}
.fn-sun{transform-box:fill-box;transform-origin:50% 100%;animation:sunrise 6s ease-in-out infinite alternate}
@keyframes sunrise{from{transform:translateY(10px)}to{transform:translateY(-4px)}}
.fn-l{animation:drift-l 5s ease-in-out infinite alternate}.fn-r{animation:drift-r 5s ease-in-out infinite alternate}
@keyframes drift-l{to{transform:translate(-6px,-3px) rotate(-3deg)}}@keyframes drift-r{to{transform:translate(6px,-2px) rotate(3deg)}}
.firm-note{display:flex;flex-direction:column;gap:14px;padding:24px;background:
  linear-gradient(160deg,color-mix(in oklab,var(--acc) 16%,var(--card)),var(--card) 60%)}
.fn-t{font:500 1.18rem/1.35 var(--serif);margin:0}
.fn-a{font-weight:600;color:var(--acc);text-decoration:none;margin-top:auto}
.fn-a:hover{text-decoration:underline}
.empty{color:var(--ink-2)}

/* topics band */
.topics-band{padding:30px 0 50px}
.tb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px;margin-top:20px}
.tb{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;padding:18px;border-radius:var(--r);border:1px solid var(--line);text-decoration:none;
  background:linear-gradient(135deg,color-mix(in oklab,var(--acc) 10%,var(--card)),var(--card));transition:border-color .2s}
.tb:hover{border-color:var(--acc)}
.tb-n{grid-row:span 2;font:italic 300 2.6rem/1 var(--serif);color:var(--acc)}
.tb-t{font:600 1.15rem var(--serif)}
.tb-i{font-size:.84rem;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.follow-band{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;margin-bottom:60px;padding:34px;border-radius:calc(var(--r) + 6px);
  background:var(--ink);color:var(--paper);position:relative;overflow:hidden}
.follow-band::after{content:"";position:absolute;right:-80px;top:-120px;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,var(--sun),var(--coral) 55%,transparent 70%);opacity:.5;filter:blur(10px)}
.follow-band h2{font-size:2rem}
.follow-band p{margin:6px 0 0;opacity:.8;max-width:60ch}
.fb-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:999px;border:0;
  background:var(--coral);color:#fff;font-weight:600;text-decoration:none;transition:transform .15s}
.btn:hover{transform:translateY(-1px)}
.btn.ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px color-mix(in oklab,currentColor 40%,transparent)}

/* post */
.post-head{padding:40px 0 18px;max-width:900px}
.crumbs{display:flex;gap:8px;font:500 .8rem var(--sans);color:var(--ink-3);margin-bottom:16px}
.crumbs a{text-decoration:none;color:var(--acc)}
.post-head h1{font-size:clamp(2.1rem,5.4vw,4rem);line-height:1.02;letter-spacing:-.03em;font-variation-settings:"SOFT" 70,"opsz" 120}
.dek{font:400 clamp(1.1rem,2vw,1.35rem)/1.45 var(--serif);color:var(--ink-2);margin:18px 0 0;max-width:62ch}
.byline{display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.by-a{display:flex;align-items:center;gap:10px;text-decoration:none}
.by-a img{border-radius:50%;object-fit:cover;width:40px;height:40px}
.by-a span{display:flex;flex-direction:column;line-height:1.2}
.by-a small{color:var(--ink-3);font-size:.78rem}
.by-m{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.84rem;color:var(--ink-3)}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.act{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:.86rem;font-weight:500}
.act svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.act:hover{border-color:var(--acc)}
.act[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.act[aria-pressed=true] svg{fill:currentColor}
.aa{font:600 .95rem var(--serif)}
.social{display:flex;align-items:center;gap:4px;margin-top:14px;flex-wrap:wrap}
.social-l{font:600 .7rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-right:6px}
.sn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:0;background:none;color:var(--ink-3);
  transition:color .2s,background .2s;padding:0}
.sn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sn svg .fill{fill:currentColor;stroke:none}
.sn:hover,.sn:focus-visible{color:var(--ink);background:color-mix(in oklab,var(--acc) 14%,transparent)}
.social-end{margin:28px 0 0;padding-top:16px;border-top:1px solid var(--line)}
.post-hero{margin:14px auto 0;width:min(1140px,100%);position:relative}
.post-hero img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:clamp(0px,(100vw - 1140px)*99,var(--r))}
.post-hero figcaption{font-size:.76rem;color:var(--ink-3);padding:8px 20px 0;text-align:right}
.post-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:56px;padding:34px 0 30px;max-width:1040px}
@media (max-width:1060px){.post-grid{grid-template-columns:1fr;max-width:740px}.toc{display:none}}
.toc-in{position:sticky;top:96px;font-size:.88rem}
.toc h2{font:600 .74rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:10px}
.toc ol{list-style:none;margin:0 0 18px;padding:0;border-left:2px solid var(--line)}
.toc a{display:block;padding:7px 0 7px 14px;margin-left:-2px;border-left:2px solid transparent;text-decoration:none;color:var(--ink-2);line-height:1.3}
.toc a:hover{color:var(--ink)}
.toc a.on{color:var(--ink);border-left-color:var(--acc);font-weight:600}
.post-main{min-width:0;max-width:700px}
.prose{font:400 var(--fs)/1.72 var(--sans);font-size:max(var(--fs),1em)}
.prose p{margin:0 0 1.15em}
.prose > p:first-child::first-letter{font:600 4.3em/.8 var(--serif);float:left;margin:.06em .1em 0 0;color:var(--acc);font-variation-settings:"SOFT" 100,"WONK" 1}
.prose h2{font-size:clamp(1.45rem,2.6vw,1.85rem);margin:1.8em 0 .6em;scroll-margin-top:90px}
.prose a{color:var(--teal);text-decoration-thickness:1.5px}
.prose a[data-firm]{color:var(--coral)}
.prose a[data-firm]::after{content:" ↗";font-size:.8em}
.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1.2em}
.prose li{margin:.3em 0}
.prose blockquote{margin:1.4em 0;padding:.2em 0 .2em 1.2em;border-left:3px solid var(--acc);font:italic 400 1.15em/1.5 var(--serif);color:var(--ink-2)}
.prose table{width:100%;border-collapse:collapse;font-size:.92em;margin:1.2em 0;display:block;overflow-x:auto}
.prose th,.prose td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}
sup.cite{line-height:0;font-size:.66em;vertical-align:baseline;position:relative;top:-.62em;margin-left:.08em}
.cite-a{display:inline-flex;align-items:center;justify-content:center;min-width:1.55em;height:1.55em;border-radius:999px;padding:0 .35em;
  font:600 .9em/1 var(--mono);text-decoration:none!important;color:var(--acc)!important;background:color-mix(in oklab,var(--acc) 14%,transparent);transition:all .15s}
.cite-a:hover,.cite-a[aria-expanded=true]{background:var(--acc);color:var(--card)!important}
.cite-pop{border:1px solid var(--line);border-radius:14px;padding:16px 18px;width:min(380px,calc(100vw - 32px));background:var(--card);color:var(--ink);
  box-shadow:0 24px 60px -20px rgba(0,0,0,.45);margin:0;inset:auto;position:fixed}
.cite-pop:popover-open{display:flex;flex-direction:column;gap:6px;animation:pop .18s ease-out}
@keyframes pop{from{opacity:0;transform:translateY(6px)}}
.cp-n{font:600 .72rem var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}
.cp-t{font:600 1.02rem/1.3 var(--serif);color:var(--teal)}
.cp-m{font-size:.84rem;color:var(--ink-2)}
.cp-jump{font-size:.8rem;color:var(--ink-3)}
@media (max-width:640px){.cite-pop{left:12px!important;right:12px;bottom:calc(12px + env(safe-area-inset-bottom))!important;top:auto!important;width:auto}}
.updates{border:1px solid color-mix(in oklab,var(--coral) 40%,var(--line));background:color-mix(in oklab,var(--coral) 7%,var(--card));border-radius:var(--r);padding:20px 22px;margin:0 0 30px}
.upd-h{font:600 1rem var(--sans);display:flex;align-items:center;gap:10px;margin-bottom:12px}
.updates ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.updates li{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:.95rem}
.updates time{font:600 .78rem var(--mono);color:var(--coral);padding-top:3px;white-space:nowrap}
.updates a{color:var(--teal)}
.upd-f{margin:14px 0 0;font-size:.8rem;color:var(--ink-3)}
@media (max-width:520px){.updates li{grid-template-columns:1fr}}
.sources{margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
.sources h2{font-size:1.3rem;margin-bottom:12px}
.sources ol{margin:0;padding-left:1.4em;font-size:.9rem;display:flex;flex-direction:column;gap:10px}
.sources li::marker{font-family:var(--mono);color:var(--ink-3)}
.sources li span{color:var(--ink-3)}
.sources li span::before{content:" · "}
.sources li:target{background:color-mix(in oklab,var(--sun) 22%,transparent);border-radius:8px;outline:6px solid color-mix(in oklab,var(--sun) 22%,transparent)}
.sources a{color:var(--teal)}
.post-note{font-size:.84rem;color:var(--ink-3);margin:26px 0}
.author-box{display:flex;gap:18px;padding:22px;border-radius:var(--r);background:var(--paper-2);margin:8px 0 30px}
.author-box img{border-radius:50%;object-fit:cover;width:72px;height:72px;flex:none}
.author-box h2{font-size:1.05rem;margin-bottom:6px}
.author-box p{margin:0;font-size:.94rem;color:var(--ink-2)}
.author-box a{color:var(--coral);font-weight:600}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pn-a{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;text-decoration:none;background:var(--card)}
.pn-a small{font:600 .7rem var(--mono);text-transform:uppercase;color:var(--ink-3)}
.pn-a span{font:600 1rem/1.25 var(--serif)}
.pn-next{text-align:right}
.related{padding:10px 0 60px}
.related .sec-h{margin-bottom:20px}
.quote-pill{position:fixed;z-index:70;transform:translate(-50%,-120%)}
.quote-pill button{border:0;border-radius:999px;background:var(--ink);color:var(--paper);padding:9px 14px;font-weight:600;font-size:.84rem;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}

/* content blocks (sitekit.blocks) */
.blk{border-radius:14px;padding:16px 18px;margin:1.4em 0;background:color-mix(in oklab,var(--teal) 9%,var(--card));border:1px solid var(--line)}
.blk b{display:block;margin-bottom:4px}
.blk.tone-warning{background:color-mix(in oklab,var(--coral) 9%,var(--card))}
.blk-stat{margin:1.6em 0;padding:20px 22px;border-left:4px solid var(--acc);background:var(--paper-2);border-radius:0 14px 14px 0}
.blk-stat b{display:block;font:500 clamp(2.4rem,6vw,3.6rem)/1 var(--serif);color:var(--acc);letter-spacing:-.03em}
.blk-stat figcaption{font-size:.92rem;color:var(--ink-2);margin-top:6px}
.blk-timeline ol{list-style:none;padding:0;margin:0;border-left:2px solid var(--acc)}
.blk-timeline li{padding:4px 0 10px 16px;position:relative}
.blk-timeline li::before{content:"";position:absolute;left:-6px;top:11px;width:10px;height:10px;border-radius:50%;background:var(--acc)}

/* topic, archive, pages */
.topic-hero{padding:46px 0 10px}
.topic-hero h1{font-size:clamp(2.6rem,7vw,5.2rem);letter-spacing:-.035em;font-variation-settings:"SOFT" 100,"WONK" 1}
.topic-hero.acc-coral h1,.topic-hero[class*=acc-] h1{color:var(--acc)}
.topic-meta{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:16px;font-size:.86rem;color:var(--ink-3)}
.topic-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px 40px;padding:28px 0;border-top:1px solid var(--line)}
.tr-head{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;text-decoration:none}
.tr-head h2{font-size:1.8rem;color:var(--acc)}
.tr-i{grid-column:2;color:var(--ink-2);font-size:.92rem}
.tr-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.tr-list li{display:flex;justify-content:space-between;gap:16px;border-bottom:1px dashed var(--line);padding-bottom:8px}
.tr-list a{font:600 1rem/1.3 var(--serif);text-decoration:none}
.tr-list small{color:var(--ink-3);white-space:nowrap}
@media (max-width:820px){.topic-row{grid-template-columns:1fr}}
.month-jump{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}
.month-jump a{font:500 .78rem var(--mono);padding:6px 10px;border-radius:8px;border:1px solid var(--line);text-decoration:none}
.archive{padding:20px 0 60px}
.arch-m{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--line);scroll-margin-top:90px}
.arch-m h2{font-size:1.5rem;position:sticky;top:90px;align-self:start}
.arch-m h2 small{font:500 .8rem var(--mono);color:var(--ink-3)}
.arch-m ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.arch-m li{display:grid;grid-template-columns:34px 1fr auto;gap:6px 12px;align-items:baseline}
.arch-m li time{font:italic 300 1.5rem/1 var(--serif);color:var(--acc)}
.arch-m li a{font:600 1.05rem/1.3 var(--serif);text-decoration:none}
.arch-m li a:hover{text-decoration:underline}
.arch-m .chip,.arch-m .upd-dot{grid-column:2;justify-self:start}
@media (min-width:821px){.arch-m .chip{grid-column:3;grid-row:1}}
@media (max-width:820px){.arch-m{grid-template-columns:1fr}.arch-m h2{position:static}}
.page{padding:46px 0 70px;max-width:760px}
.page-head h1{font-size:clamp(2.3rem,5.5vw,3.8rem);letter-spacing:-.03em}
.page-prose{margin-top:28px}
.page-prose h2{font-size:1.45rem}
.about-portrait{float:right;margin:0 0 16px 22px;width:min(220px,40%)}
.about-portrait img{border-radius:var(--r)}
.feed-list{display:flex;flex-direction:column;gap:8px;margin:0 0 1.2em}
.feed-row{display:grid;grid-template-columns:130px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.feed-row b{color:var(--acc);font-size:.92rem}
.feed-row code{font:500 .8rem var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2)}
.feed-row .btn{height:34px;padding:0 14px;font-size:.84rem}
@media (max-width:560px){.feed-row{grid-template-columns:1fr auto}.feed-row code{grid-column:1/-1;grid-row:2}}
.search-page{display:flex;gap:10px;margin-top:20px;max-width:640px}
.search-page input{flex:1;height:52px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:0 16px;font:inherit;font-size:1.05rem}
.saved-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.saved-list li{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.saved-list a{font:600 1.1rem/1.3 var(--serif);text-decoration:none}
.saved-list button{border:1px solid var(--line);background:none;border-radius:999px;padding:6px 12px;font-size:.8rem}
.saved-list:not(:empty) + .saved-empty{display:none}

/* search dialog */
dialog.search{width:min(680px,calc(100vw - 24px));max-height:min(640px,calc(100dvh - 80px));margin:max(60px,10vh) auto auto;padding:0;border:1px solid var(--line);
  border-radius:20px;background:var(--card);color:var(--ink);box-shadow:0 40px 100px -30px rgba(0,0,0,.6);overflow:hidden}
dialog.search[open]{display:flex;flex-direction:column;animation:pop .18s ease-out}
dialog.search::backdrop{background:rgba(10,12,16,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.search-box{display:flex;align-items:center;gap:12px;padding:6px 14px;border-bottom:1px solid var(--line)}
.search-box svg{width:20px;height:20px;fill:none;stroke:var(--ink-3);stroke-width:2;flex:none}
.search-box input{flex:1;height:52px;border:0;background:none;color:var(--ink);font:inherit;font-size:1.1rem;outline:none}
.esc{border:1px solid var(--line);background:none;border-radius:8px;font:500 .72rem var(--mono);padding:4px 8px;color:var(--ink-3)}
.search-results{list-style:none;margin:0;padding:8px;overflow-y:auto;flex:1}
.search-results:empty{display:none}
.search-results a{display:grid;grid-template-columns:64px 1fr;gap:4px 14px;padding:10px;border-radius:12px;text-decoration:none}
.search-results img{grid-row:span 3;width:64px;height:64px;object-fit:cover;border-radius:10px}
.search-results .r-k{font:600 .68rem var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--acc)}
.search-results .r-t{font:600 1rem/1.25 var(--serif)}
.search-results .r-s{font-size:.82rem;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.search-results mark{background:color-mix(in oklab,var(--sun) 40%,transparent);color:inherit;border-radius:3px}
.search-results [aria-selected=true] a,.search-results a:hover{background:var(--paper-2)}
.page-results a{grid-template-columns:120px 1fr;padding:16px;border-bottom:1px solid var(--line);border-radius:0}
.page-results img{width:120px;height:80px}
.search-hint{margin:0;padding:10px 16px;border-top:1px solid var(--line);font-size:.76rem;color:var(--ink-3)}
.search-results:not(:empty) + .search-hint{display:none}

/* footer */
.foot{margin-top:40px;padding:50px 0 calc(30px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper-2)}
.foot-inner{width:var(--wrap);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,2fr);gap:40px}
.foot-brand p{color:var(--ink-2);font-size:.92rem;max-width:46ch}
.foot-brand a:not(.brand){color:var(--ink)}
.follow{display:flex;flex-wrap:wrap;gap:8px}
.follow a{font:500 .78rem var(--mono);text-decoration:none;padding:5px 10px;border-radius:8px;border:1px solid var(--line)}
.foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.foot-cols h2{font:600 .74rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:10px}
.foot-cols a{display:block;padding:4px 0;text-decoration:none;font-size:.92rem}
.foot-cols a:hover{text-decoration:underline}
.foot-legal{width:var(--wrap);margin:34px auto 0;padding-top:20px;border-top:1px solid var(--line);font-size:.8rem;color:var(--ink-2)}
.foot-legal p{margin:0 0 8px;max-width:110ch}
.nocookie a{color:var(--ink)}
@media (max-width:820px){.foot-inner{grid-template-columns:1fr}.foot-cols{grid-template-columns:repeat(2,1fr)}}

.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%,30px);opacity:0;pointer-events:none;
  background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:999px;font-size:.88rem;font-weight:500;transition:all .25s;z-index:90}
.toast.on{opacity:1;transform:translate(-50%,0)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  @view-transition{navigation:none}
}
@media (prefers-contrast:more){:root{--ink-2:var(--ink);--ink-3:var(--ink);--line:color-mix(in oklab,var(--ink) 45%,transparent)}}
@media print{
  .masthead,.foot,.actions,.toc,.related,.pn,.progress,.envbar,dialog,.quote-pill,.toast{display:none!important}
  body{background:#fff;color:#000}.post-grid{display:block}.prose{font-size:11pt}
  .prose a[href^=http]::after{content:" (" attr(href) ")";font-size:.8em;color:#555}
}

/* newsletter signup */
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nl{display:grid;grid-template-columns:1.1fr 1fr;gap:18px 28px;align-items:center;padding:28px;margin:34px 0;border-radius:calc(var(--r) + 6px);
  background:linear-gradient(135deg,color-mix(in oklab,var(--coral) 9%,var(--paper-2)),color-mix(in oklab,var(--teal) 7%,var(--paper-2)));border:1px solid var(--line)}
.nl .chip{background:color-mix(in oklab,var(--coral) 16%,transparent);color:var(--coral)}
.nl-h{font-size:1.6rem;margin:.35em 0 .2em;line-height:1.15}
.nl-p{margin:0;color:var(--ink-2)}
.nl-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.nl-form input[type=email]{flex:1 1 220px;min-width:0;font:400 1rem var(--sans);padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}
.nl-form input[type=email]:focus{outline:3px solid var(--teal);outline-offset:1px}
.nl-msg{flex-basis:100%;margin:0;min-height:1.3em}
.nl-msg.ok{color:var(--teal)}.nl-msg.bad{color:var(--coral)}
.nl-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.nl-fine{grid-column:1/-1;margin:0;color:var(--ink-3);font-size:.8rem}
.nl-compact{grid-template-columns:1fr;padding:22px;margin:28px 0}
.nl-compact .nl-h{font-size:1.3rem}
.nl-state p{padding:14px 16px;border-radius:12px;background:color-mix(in oklab,var(--teal) 12%,transparent)}
@media (max-width:760px){.nl{grid-template-columns:1fr;padding:22px}}