/* assets/site.css
   Shared chrome for untetheredatom.com: fonts, colour tokens, typography,
   header, footer and the common page furniture.
   Pages keep their own <style> for anything specific to them, and any rule
   here can still be overridden by a page because this file loads first.
   Generated from all 56 pages. */

@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 900;font-display:optional;src:url(/assets/fonts/playfair-display-latin-wght-normal.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

*{box-sizing:border-box;}
body{color:var(--ink);}
#themeBtn:hover{border-color:var(--copper);}
.btn{cursor:pointer;}
.btn:hover{border-color:var(--copper);}
.checkline input{accent-color:var(--copper);width:16px;height:16px;}
.citebox{overflow-wrap:break-word;overflow-wrap:anywhere;}
.citebox pre{overflow-wrap:break-word;overflow-wrap:anywhere;}
.crosslink{display:grid;gap:14px;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));margin:34px 0 0;}
.crosslink a:hover{border-color:var(--steel);}
.ctrl .val{font-weight:600;}
.delta{font-variant-numeric:tabular-nums;font-weight:650;}
.demo-body{padding:18px 20px;}
.eqcard .ev{font-size:1.15rem;font-weight:650;font-variant-numeric:tabular-nums;}
.eqcard.lead-eq{border-color:var(--copper);}
.eqrow{display:grid;gap:8px;grid-template-columns:repeat(auto-fit, minmax(180px,1fr));margin:14px 0;}
.eyebrow{text-transform:uppercase;}
.grabbable{cursor:ew-resize;}
.grabbable-y{cursor:ns-resize;}
.hint-drag::before{content:"";width:14px;height:2px;border-radius:2px;background:var(--copper);flex:none;}
.jump{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 8px;padding:0;list-style:none;}
.jump a:hover{border-color:var(--steel);color:var(--ink);}
.kbd{font-size:0.72rem;}
.kicker{display:inline-block;text-transform:uppercase;}
.lead strong{font-weight:650;}
.legend{display:flex;flex-wrap:wrap;}
.legend .item{display:inline-flex;align-items:center;gap:7px;}
.modecard.active{border-color:var(--copper);}
.modechip:hover{border-color:var(--steel);color:var(--ink);}
.modegrid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit, minmax(150px,1fr));margin:16px 0;}
.modes{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 4px;padding:0;list-style:none;}
.modhead{margin-bottom:6px;}
.note .tag{font-size:0.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;display:block;margin-bottom:4px;}
.note p:last-child{margin-bottom:0;}
.note.key{border-left-color:var(--copper);}
.pill{display:inline-block;}
.rail{display:flex;flex-direction:column;gap:12px;}
.rail .controls{margin-top:0;grid-template-columns:1fr;gap:12px;}
.rail .stats{margin-top:0;grid-template-columns:repeat(auto-fit, minmax(112px,1fr));}
.segmented button:last-child{border-right:0;}
.seriescard.soon{border-style:dashed;cursor:default;}
.seriescard:hover{border-color:var(--steel);}
.seriesgrid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit, minmax(215px,1fr));}
.serieswrap h3{margin:0 0 4px;font-size:1.05rem;}
.split{display:grid;gap:18px;grid-template-columns:1fr;}
.split > *{min-width:0;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
.srcs li{margin-bottom:6px;}
.stat .k.sym{text-transform:none;letter-spacing:.02em;font-size:0.74rem;}
.stat .v{font-variant-numeric:tabular-nums;}
.stats{display:grid;gap:10px;grid-template-columns:repeat(auto-fit, minmax(130px, 1fr));margin-top:16px;}
.swatch.line{height:3px;width:16px;border-radius:2px;}
.tablewrap{overflow-x:auto;margin:14px 0;}
.themebtn{border-radius:100px;cursor:pointer;width:32px;height:32px;display:grid;padding:0;}
.themebtn:hover{color:var(--ink);border-color:var(--copper);}
.tip .th{font-weight:650;margin-bottom:3px;}
.tip .tr{display:flex;gap:10px;justify-content:space-between;}
.tip .tr span:last-child{font-variant-numeric:tabular-nums;font-weight:600;}
.topbar a:hover{color:var(--copper);}
.topbar-in{margin:0 auto;display:flex;align-items:center;}
.topnav{display:flex;gap:18px;margin-left:auto;flex-wrap:wrap;align-items:center;}
.topnav a[aria-current="page"]{color:var(--ink);font-weight:600;border-bottom-color:var(--copper);}
.verdict .vk{font-size:0.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;}
.verdict .vt strong{color:var(--ink);}
a:hover{color:var(--copper);}
details.deeper .inner p:last-child{margin-bottom:0;}
details.deeper .inner strong{color:var(--ink);}
details.deeper > summary::-webkit-details-marker{display:none;}
details.deeper > summary:hover{color:var(--ink);}
details.deeper[open] > summary::before{content:"–";}
footer.pagefoot a:hover{color:var(--copper);}
header.hero{padding:60px 0 20px;}
section.module:first-of-type{border-top:none;}
td.num, th.num{text-align:right;font-variant-numeric:tabular-nums;}
th.nocaps, td.nocaps{text-transform:none;}
ul.tight li, ol.tight li{margin-bottom:7px;}
ul.tight, ol.tight{padding-left:20px;margin:0 0 14px;}

@media (max-width: 620px){body { font-size: 16px; } .lead { font-size: 1.02rem; } .demo-body { padding: 13px; } .demo-hint { display: none; }}
@media (min-width: 780px){.split.wide-left { grid-template-columns: minmax(0,1.55fr) minmax(230px,1fr); } .split.even { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important;scroll-behavior:auto !important}}

/* Colour and type tokens, shared by the pages that agreed on them.
   Dark values sit on [data-theme="dark"] on purpose: it is the lowest
   specificity any page uses, so a page's own value always wins. */
:root{--axis:#d9bfc1;--bg:#faf2f3;--bg-alt:#f2e0e2;--border:rgba(57,25,4,0.10);--border-2:rgba(57,25,4,0.22);--btn-ink:#ffffff;--card:#ffffff;--copper:#a7303a;--copper-dark:#83252d;--critical:#a82828;--good:#086808;--grid:#e6d1d2;--ink:#391904;--ink-2:#756052;--ink-soft:#756052;--kicker-bg:#f2d4d6;--kicker-ink:#83252d;--line:#e6d1d2;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--muted:#716155;--nav-bg:rgba(250,242,243,0.92);--plane:var(--bg);--radius:10px;--s1:var(--steel);--s2:var(--copper);--s3:#714dce;--sans:'Lora', Georgia, serif;--screen:#1a130e;--serif:'Playfair Display', Georgia, serif;--serious:#ec835a;--shadow:0 1px 2px rgba(57,25,4,.04), 0 8px 24px rgba(57,25,4,.06);--steel:#2c4a96;--steel-light:#d9e0f2;--surface:var(--bg-alt);--surface-2:#f6eaeb;--warning:#975304;}
[data-theme="dark"]{--axis:#503537;--bg:#150c0d;--bg-alt:#211516;--border:rgba(255,255,255,0.09);--border-2:rgba(255,255,255,0.20);--btn-ink:#150c0d;--card:#211516;--copper:#d46871;--copper-dark:#d46971;--critical:#e66767;--good:#5cb56d;--grid:#3d292b;--ink:#f2eeee;--ink-2:#baabac;--ink-soft:#baabac;--kicker-bg:rgba(212,104,113,0.13);--kicker-ink:#dd888f;--line:#3d292b;--muted:#988183;--nav-bg:rgba(21,12,13,0.88);--plane:var(--bg);--s1:var(--steel);--s2:var(--copper);--s3:#a78bfa;--screen:#05070b;--shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.35);--steel:#819ada;--steel-light:#212b45;--surface:var(--bg-alt);--surface-2:#1a1112;--warning:#fab219;}