/* Layout: a split screen — the old meaning on paper-grey, the new one on terminal-black — with a Bloomberg-style data deck underneath. */
:root{
  --paper:#8e908b; --paper-ink:#e9eae6; --paper-deep:#6f716c;
  --ink:#141515; --ink-2:#1c1d1e; --ink-3:#26282a; --rule:#34373a;
  --fg:#e6e7e3; --mut:#9a9d98;
  --green:#00e85b; --amber:#ffb300; --red:#ff5a4e;
  --sa:#aeb1aa; --sb:#00e85b;
  --display:"Big Shoulders Display","Oswald","Arial Narrow",sans-serif;
  --body:"IBM Plex Sans",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
body{background:var(--ink);color:var(--fg);font:15px/1.55 var(--body);margin:0}
a{color:inherit}
.wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));max-width:1280px;margin:0 auto}
/* top bar */
.bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--ink);border-bottom:1px solid var(--rule)}
.bar .wrap{display:flex;gap:16px;align-items:center;padding-block:10px;flex-wrap:wrap}
.logo{font:800 22px/1 var(--display);letter-spacing:.02em;text-decoration:none;text-transform:uppercase;white-space:nowrap}
.logo .de{color:var(--paper)}.logo .dup{color:var(--fg)}.logo .tld{color:var(--green)}
.search{position:relative;flex:1 1 280px;min-width:0}
.search input{width:100%;background:var(--ink-2);border:1px solid var(--rule);color:var(--fg);font:14px var(--mono);padding:9px 12px 9px 34px;border-radius:2px}
.search input:focus{outline:2px solid var(--green);outline-offset:-1px}
.search::before{content:"⌕";position:absolute;left:11px;top:6px;color:var(--mut);font-size:18px}
.search kbd{position:absolute;right:10px;top:8px;font:11px var(--mono);color:var(--mut);border:1px solid var(--rule);padding:1px 5px}
#q-results,.results{position:absolute;left:0;right:0;top:calc(100% + 4px);background:var(--ink-2);border:1px solid var(--rule);max-height:60vh;overflow:auto;z-index:30}
#q-results a,.results a{display:grid;grid-template-columns:minmax(70px,auto) 1fr auto 1fr;gap:10px;padding:8px 12px;text-decoration:none;border-bottom:1px solid var(--rule);font:13px var(--mono);align-items:baseline}
#q-results a:hover,.results a:hover,.results a:focus{background:var(--ink-3)}
#q-results b,.results b{color:var(--fg)}#q-results .l,.results .l{color:var(--sa)}#q-results .r,.results .r{color:var(--green)}#q-results .vs{color:var(--mut);font-size:11px}
.results .none{padding:12px;color:var(--mut);font:13px var(--mono)}
.hn{font:12px var(--mono);color:var(--mut);text-decoration:none;white-space:nowrap}.hn b{color:var(--green)}
/* ticker */
.ticker{overflow:hidden;border-bottom:1px solid var(--rule);background:#0d0e0e;font:12px var(--mono);white-space:nowrap}
.ticker div{display:inline-block;padding:6px 0;animation:tick 120s linear infinite}
.ticker a{margin-right:28px;text-decoration:none;color:var(--mut)}.ticker a b{color:var(--amber);font-weight:500}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker div{animation:none}}
/* split hero */
.split{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:min(62vh,560px);overflow:hidden}
.split .side{padding:28px max(16px,4vw) 36px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-width:0}
.split .a{background:var(--paper);color:var(--ink)}
.split .b{background:var(--ink-2);color:var(--fg);text-align:right;align-items:flex-end}
.tag{font:600 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.split .a .tag{color:#2a2b2a}.split .b .tag{color:var(--green)}
.sense{font:800 clamp(24px,3.4vw,50px)/.95 var(--display);max-width:16ch;text-transform:uppercase;letter-spacing:.005em;text-wrap:balance;margin:0}
.split .a .sense{color:var(--paper-ink)}
.split .b .sense{color:#8e908b}
.year{font:13px var(--mono)}
.split .a .year{color:#2a2b2a}.split .b .year{color:var(--mut)}
.term-mark{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font:900 clamp(56px,12vw,190px)/.85 var(--display);text-transform:uppercase;color:#fff;mix-blend-mode:difference;pointer-events:none;white-space:nowrap;letter-spacing:-.01em}
.back{position:absolute;left:max(16px,env(safe-area-inset-left,0px));bottom:16px;font:12px var(--mono);color:#2a2b2a;text-decoration:none}
/* h1 */
.h1row{border-bottom:1px solid var(--rule)}
.h1row .wrap{padding-block:16px;display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}
h1.path{font:500 clamp(15px,2vw,20px)/1.3 var(--mono);margin:0;min-width:0;overflow-wrap:anywhere}
h1.path .s{color:var(--mut)}h1.path .pa{color:var(--sa)}h1.path .pb{color:var(--green)}
.live{font:12px var(--mono);color:var(--amber)}.live.ok{color:var(--green)}.live.off{color:var(--mut)}
.live::before{content:"● "}
/* split bar */
.splitbar{--share:50%;height:34px;display:grid;grid-template-columns:calc(100% - var(--share)) var(--share);font:600 13px/34px var(--mono);transition:grid-template-columns .8s}
.splitbar span{padding:0 12px;overflow:hidden}
#splitbar-a{background:var(--paper);color:var(--ink)}#splitbar-b{background:var(--green);color:var(--ink);text-align:right}
/* verdict */
.verdict{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));border-bottom:1px solid var(--rule)}
.verdict .cell{padding:14px 16px;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:6px;min-width:0}
.verdict .cell span{font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.verdict .cell b{font:700 22px/1.1 var(--display);text-transform:uppercase;letter-spacing:.02em;overflow-wrap:break-word;hyphens:auto}
.verdict .big b{font-size:28px;color:var(--amber)}
.st.a{color:var(--sa)}.st.b{color:var(--green)}.st.c{color:var(--amber)}
.narr{max-width:68ch;font-size:17px;margin:22px 0 6px}.narr b{color:var(--amber);font-weight:600}
.note{color:var(--mut);font-size:14px;max-width:68ch}
/* panels */
section.panel{padding-block:28px;border-bottom:1px solid var(--rule)}
.ph{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:12px}
.ph h2{font:800 26px/1 var(--display);text-transform:uppercase;letter-spacing:.03em;margin:0}
.ph p{margin:0;font:12px var(--mono);color:var(--mut)}
.legend{display:flex;gap:16px;font:12px var(--mono)}.legend i{display:inline-block;width:12px;height:3px;margin-right:6px;vertical-align:middle}
.legend .la i{background:var(--sa)}.legend .lb i{background:var(--sb)}
.chart{position:relative;background:var(--ink-2);border:1px solid var(--rule);padding:8px;min-height:120px}
.chart svg{width:100%;height:auto;display:block}
.chart .grid{stroke:var(--rule);stroke-width:1}.chart .ax{fill:var(--mut);font:11px var(--mono)}
.chart .line{fill:none;stroke-width:2.2}.chart .area{opacity:.10}
.chart .line.sa{stroke:var(--sa)}.chart .line.sb{stroke:var(--sb)}
.chart .area.sa,.chart rect.sa,.chart .dot.sa{fill:var(--sa)}.chart .area.sb,.chart rect.sb,.chart .dot.sb{fill:var(--sb)}
.chart .area.sa,.chart .area.sb{opacity:.10}
.chart .mark{stroke:var(--amber);stroke-dasharray:4 4}.chart .marktxt{fill:var(--amber);font:11px var(--mono)}
.chart .empty{color:var(--mut);font:13px var(--mono);padding:30px 12px;text-align:center}
.tip{position:absolute;top:10px;background:#000;border:1px solid var(--rule);padding:8px 10px;font:12px var(--mono);pointer-events:none;min-width:150px}
.tip .sa{color:var(--sa)}.tip .sb{color:var(--sb)}
/* evidence columns */
.cols{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--rule)}
.col{padding:20px;min-width:0}
.col.a{border-right:1px solid var(--rule);background:linear-gradient(180deg,rgba(142,144,139,.10),transparent 240px)}
.col h3{font:800 24px/1 var(--display);text-transform:uppercase;margin:6px 0 14px}
.col.a h3{color:var(--sa)}.col.b h3{color:var(--green)}
.col blockquote{margin:0;font-size:15px;color:var(--fg)}
.col cite{display:block;margin-top:8px;font:12px var(--mono);color:var(--mut);font-style:normal}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);margin:18px 0}
.stats div{background:var(--ink);padding:10px;display:flex;flex-direction:column;gap:4px;min-width:0}
.stats span{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.stats b{font:600 18px var(--mono);font-variant-numeric:tabular-nums}
.col h4{font:600 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:18px 0 10px;color:var(--amber)}
.col h4 span{display:block;color:var(--mut);letter-spacing:0;text-transform:none;font-weight:400;margin-top:4px}
.col figure{margin:0 0 14px;padding-left:12px;border-left:2px solid var(--rule)}
.col figure blockquote{font-size:14px;color:#cfd1cc}
.col figure mark{background:none;color:var(--amber);font-weight:600}
.col figcaption{font:11px var(--mono);color:var(--mut);margin-top:4px}
.muted{color:var(--mut);font-size:13px}
.origin{font:12px var(--mono);color:var(--mut)}
.trends iframe{width:100%;height:420px;border:1px solid var(--rule);background:#fff}
.btn{display:inline-block;border:1px solid var(--green);color:var(--green);padding:8px 14px;font:13px var(--mono);text-decoration:none}
.btn:hover{background:var(--green);color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips a{border:1px solid var(--rule);padding:6px 10px;font:13px var(--mono);text-decoration:none;color:var(--fg)}
.chips a:hover{border-color:var(--green);color:var(--green)}
footer{padding-block:28px;color:var(--mut);font:12px var(--mono)}
footer a{color:var(--fg)}
/* home */
.home-hero{display:grid;grid-template-columns:1fr 1fr}
.home-hero > div{padding:34px max(16px,4vw);min-width:0;overflow:hidden}
.home-hero .a{background:var(--paper);color:var(--ink)}
.home-hero .b{background:var(--ink-2)}
.home-hero h1{font:900 clamp(36px,5.8vw,96px)/.85 var(--display);text-transform:uppercase;margin:0}
.home-hero .a h1{color:var(--paper-ink)}.home-hero .b h1{color:#8e908b;text-align:right}
.home-hero p{max-width:46ch;font-size:16px;margin:18px 0 0}
.home-hero .b p{margin-left:auto;text-align:right;color:var(--mut)}
.home-search{padding-block:22px;border-bottom:1px solid var(--rule)}
.home-search .search input{font-size:18px;padding:14px 14px 14px 40px}
.home-search .search::before{top:10px;font-size:22px}
#cloud{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;justify-content:center;padding:28px 0;line-height:1}
#cloud .w{font-family:var(--display);font-weight:800;text-transform:uppercase;text-decoration:none;letter-spacing:.01em}
#cloud .orig{color:var(--sa)}#cloud .dup{color:var(--green)}#cloud .tie{color:var(--amber)}
#cloud .w{display:inline-block;transition:transform .18s ease}#cloud .w:hover,#cloud .w:focus-visible{transform:scale(1.12);text-decoration:none}@media (prefers-reduced-motion:reduce){#cloud .w{transition:none}}
.key{display:flex;gap:18px;flex-wrap:wrap;font:12px var(--mono);color:var(--mut)}
.key b{font-weight:500}.key .o{color:var(--sa)}.key .d{color:var(--green)}.key .t{color:var(--amber)}
#leaders{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
#leaders h3{font:800 22px/1 var(--display);text-transform:uppercase;margin:0}
#leaders p{font:12px var(--mono);color:var(--mut);margin:4px 0 10px}
#leaders a{display:grid;grid-template-columns:110px 1fr 40px;gap:8px;align-items:center;text-decoration:none;font:12px var(--mono);padding:4px 0;border-bottom:1px solid var(--rule)}
#leaders .bar{height:8px;background:var(--paper)}#leaders .bar i{display:block;height:100%;background:var(--green)}
#leaders .pct{text-align:right;font-variant-numeric:tabular-nums}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}
.cats h3{font:800 20px/1 var(--display);text-transform:uppercase;margin:0 0 8px;color:var(--amber)}
.cats ul{list-style:none;padding:0;margin:0;font:13px var(--mono)}
.cats li{padding:3px 0;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;gap:8px}
.cats li a{text-decoration:none}.cats li a:hover{color:var(--green)}
.cats li span{color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prose{max-width:70ch}.prose h2{font:800 30px/1 var(--display);text-transform:uppercase}
@media (max-width:720px){
  .split,.home-hero,.cols{grid-template-columns:1fr}
  .split .b{text-align:left}
  .term-mark{position:static;transform:none;display:block;text-align:center;padding:14px 0;background:var(--ink);mix-blend-mode:normal;color:var(--fg);font-size:clamp(48px,18vw,96px);white-space:normal;overflow-wrap:anywhere}
  .split{display:flex;flex-direction:column;min-height:0}
  .split .a{order:0}.term-mark{order:1}.split .b{order:2}
  .col.a{border-right:0;border-bottom:1px solid var(--rule)}
  .home-hero .b h1,.home-hero .b p{text-align:left;margin-left:0}
  .stats{grid-template-columns:1fr 1fr 1fr}
  #q-results a,.results a{grid-template-columns:1fr;gap:2px}
  #q-results .vs{display:none}
}

.defn{font:15px/1.45 var(--body);max-width:38ch;margin:0}.split .a .defn{color:#1f201f}.split .b .defn{color:var(--mut);margin-left:auto}
@media (max-width:720px){.split .b .defn{margin-left:0}}

.cat h3 a{text-decoration:none;color:var(--amber)}.cat h3 a:hover{text-decoration:underline}.cat h3 .n{color:var(--mut);font:12px var(--mono);margin-left:6px}
.expand{margin-top:8px;background:none;border:1px solid var(--rule);color:var(--fg);font:12px var(--mono);padding:5px 10px;cursor:pointer}.expand:hover{border-color:var(--green);color:var(--green)}
.fieldnav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.fieldnav a{border:1px solid var(--rule);padding:6px 10px;font:12px var(--mono);text-decoration:none}.fieldnav a.on,.fieldnav a:hover{border-color:var(--green);color:var(--green)}
.tablewrap{overflow-x:auto;border:1px solid var(--rule)}
table.rank{width:100%;border-collapse:collapse;font:13px var(--mono);font-variant-numeric:tabular-nums}
table.rank th{text-align:left;font-weight:500;color:var(--mut);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:10px;border-bottom:1px solid var(--rule);position:sticky;top:0;background:var(--ink)}
table.rank td{padding:9px 10px;border-bottom:1px solid var(--rule);vertical-align:middle}
table.rank tr:hover td{background:var(--ink-2)}
table.rank a{text-decoration:none}table.rank a:hover b{color:var(--green)}
table.rank .rk{color:var(--mut);width:40px}.rank .pa{color:var(--sa)}.rank .pb{color:var(--green)}.rank .num{text-align:right}
.sharecell{white-space:nowrap}.sharecell .bar{display:inline-block;width:80px;height:8px;background:var(--paper);vertical-align:middle;margin-right:6px}.sharecell .bar i{display:block;height:100%;background:var(--green)}
td.st.a{color:var(--sa)}td.st.b{color:var(--green)}td.st.c{color:var(--amber)}


.hbars{display:grid;gap:10px;padding:10px}.hb{display:grid;grid-template-columns:minmax(120px,240px) 1fr 70px;gap:10px;align-items:center;font:13px var(--mono)}
.hb .lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mut)}.hb .trk{height:14px;background:var(--ink-3)}.hb .trk i{display:block;height:100%}.hb .trk i.sa{background:var(--sa)}.hb .trk i.sb{background:var(--sb)}.hb b{text-align:right;font-variant-numeric:tabular-nums}

footer a.fb{font-weight:700;color:var(--green);text-decoration:none}footer a.fb:hover{text-decoration:underline}
.prose ul{padding-left:20px}.prose li{margin:6px 0}

/* tug-of-war field */
#cloud.tug{display:block;padding:0}
.tug-head{display:grid;grid-template-columns:1fr auto 1fr;font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:8px 0}
.tug-head .l{color:var(--sa)}.tug-head .c{color:var(--amber)}.tug-head .r{color:var(--green);text-align:right}
.tug-stage{position:relative;overflow:hidden;background:linear-gradient(90deg,var(--paper) 0,var(--paper) 50%,var(--ink-2) 50%,var(--ink-2) 100%);border:1px solid var(--rule);min-height:300px}
.tug-seam{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:repeating-linear-gradient(180deg,var(--amber) 0 6px,transparent 6px 12px);opacity:.7}
.tw{position:absolute;left:0;top:0;white-space:nowrap;font-family:var(--display);font-weight:800;text-transform:uppercase;line-height:1;text-decoration:none;will-change:transform;transform-origin:center}
#cloud .tw.orig{color:#1c1d1d}#cloud .tw.tie{color:var(--amber)}#cloud .tw.dup{color:var(--green)}#cloud .tw.tie{text-shadow:0 0 1px #000}
.tw:hover,.tw:focus-visible{z-index:5;outline:none;text-shadow:0 0 12px rgba(0,0,0,.35)}
.tw:hover::after,.tw:focus-visible::after{content:attr(data-tip);position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:6px;background:#000;color:var(--fg);font:500 11px/1.3 var(--mono);text-transform:none;letter-spacing:0;padding:6px 8px;border:1px solid var(--rule);white-space:nowrap}

#cloud .none{color:#5d605c}
.narr b.pa{color:var(--sa)}.narr b.pb{color:var(--green)}
.key .x{color:#7a7d78}

.splitnote{border-bottom:1px solid var(--rule);font:12px var(--mono);color:var(--mut)}.splitnote .wrap{padding-block:6px}.splitnote b.pa{color:var(--sa)}.splitnote b.pb{color:var(--green)}
.ckey{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font:11px var(--mono);color:var(--mut);padding-block:8px;border-bottom:1px solid var(--rule)}
.ckey .kt{text-transform:uppercase;letter-spacing:.1em}.ckey i{display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:-1px}
.ckey .ka i{background:var(--sa)}.ckey .kb i{background:var(--green)}.ckey .kc i{background:var(--amber)}.ckey a{margin-left:auto;color:var(--fg)}
.key .sz{color:var(--mut)}
.swatches{display:grid;gap:12px;margin:16px 0}.sw{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start}.sw i{width:44px;height:44px;border:1px solid var(--rule)}.sw b{display:block;font:600 14px var(--mono)}.sw span{color:var(--mut);font-size:14px}
.verdict .cell b.st.a{color:var(--sa)}.verdict .cell b.st.b{color:var(--green)}.verdict .cell b.st.c{color:var(--amber)}