:root{
  --bg:#0A0A0A;
  --card:#161614;
  --card-2:#1D1D1B;
  --line:#262624;
  --line-soft:#1F1F1D;
  --ink:#F2F1ED;
  --sub:#8C8C86;
  --faint:#5C5C57;
  --accent:#4FB3C6;
  --green:#35B37E;
  --red:#E5484D;
  --amber:#E0A33C;
  --track:#242422;
  --invert-bg:#F4F3EF; --invert-ink:#0F0F0D; --invert-sub:#78786F; --invert-div:#DDDCD4;
  --inv-pos:#1E7A52; --inv-neg:#B23A22; --inv-track:#E1DFD7;
  --mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --sans:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --r:22px;
  --shell:1280px;
  --pad-x:22px;
  --pad-top:22px;
}
:root[data-theme="light"]{
  --bg:#F7F6F2; --card:#FFFFFF; --card-2:#F0EEE8; --line:#E2E0D8; --line-soft:#EDEBE4;
  --ink:#16150F; --sub:#5C5B54; --faint:#94928A;
  --track:#E7E5DD;
  --invert-bg:#16150F; --invert-ink:#F4F3EF; --invert-sub:#9A9A90; --invert-div:#33322E;
  --inv-pos:#4FC894; --inv-neg:#FF7E68; --inv-track:#2B2A26;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--ink);
  font-family:var(--sans);font-size:14px;line-height:1.55;
  -webkit-font-smoothing:antialiased;
  transition:background .25s ease,color .25s ease;
}
.wrap{max-width:var(--shell);margin:0 auto;padding:var(--pad-top) var(--pad-x) 64px}
@media (max-width:680px){ :root{--pad-x:16px;--pad-top:16px} }
::selection{background:rgba(79,179,198,.28)}

/* ---- micro-label system ---- */
.lab{
  font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--sub);display:inline-flex;align-items:center;gap:9px;font-weight:500;
}
.lab .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none}
.lab .dot.live{background:var(--green);animation:pulse 2s ease-in-out infinite}
.lab .dot.idle{background:var(--faint);animation:none}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}

/* ---- header ---- */
header{display:flex;align-items:center;gap:16px;padding:8px 2px 0;min-height:44px;flex-wrap:wrap}
.wordmark{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none}
.wordmark svg{width:17px;height:17px}
.wordmark b{font-family:var(--mono);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.nav{margin-left:auto;display:flex;gap:20px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;align-items:center}
.nav a{color:var(--faint);text-decoration:none;transition:color .15s}
.nav a:hover{color:var(--ink)}
.theme-tog{background:transparent;border:1px solid var(--line);border-radius:999px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sub);transition:border-color .18s,color .18s;flex:none}
.theme-tog:hover{border-color:var(--faint);color:var(--ink)}
.theme-tog svg{width:15px;height:15px}
.theme-tog .sun{display:none}
:root[data-theme="light"] .theme-tog .moon{display:none}
:root[data-theme="light"] .theme-tog .sun{display:block}
.statusbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 2px 14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.statusbar .sb-spacer{flex:1}
.clock{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--faint)}
@media (max-width:520px){ .statusbar{gap:10px} .statusbar .sb-spacer{flex-basis:100%;height:0} .nav{gap:14px;font-size:10px} }

/* ---- search-engine home ---- */
.home{padding:clamp(30px,9vh,86px) 0 20px}
.home-inner{max-width:660px;margin:0 auto;text-align:center}
.home-title{
  font-weight:800;text-transform:uppercase;letter-spacing:-.025em;
  font-size:clamp(40px,6.4vw,76px);line-height:.94;margin:0;
}
.home-title em{font-style:normal;color:var(--accent)}
.home-sub{
  font-family:var(--mono);font-size:13px;line-height:2;color:var(--sub);
  max-width:52ch;margin:22px auto 0;
}
.home-sub em{font-style:normal;color:var(--ink)}
.hsearch{display:flex;gap:9px;margin-top:30px;justify-content:center;flex-wrap:wrap}
.hsearch .field{position:relative;flex:1;min-width:220px;max-width:440px}
.hsearch .field .pre{
  position:absolute;left:20px;top:50%;transform:translateY(-50%);
  font-family:var(--mono);font-size:16px;color:var(--faint);pointer-events:none;
}
.hsearch input{
  width:100%;background:var(--card);border:1px solid var(--line);border-radius:999px;
  color:var(--ink);font-family:var(--mono);font-size:16px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;padding:17px 22px 17px 40px;outline:none;text-align:left;
  transition:border-color .15s, box-shadow .15s;
}
.hsearch input::placeholder{color:var(--faint);letter-spacing:.14em;font-weight:400}
.hsearch input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(79,179,198,.10)}
.hsearch button{
  font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  background:var(--ink);color:var(--bg);border:1px solid var(--ink);border-radius:999px;
  padding:17px 30px;cursor:pointer;transition:opacity .15s;flex:none;
}
.hsearch button:hover{opacity:.85}
.hsearch button:disabled{opacity:.4;cursor:default}
#homeChips{justify-content:center;margin-top:18px}

/* ---- history bento ---- */
.linkbtn{
  appearance:none;-webkit-appearance:none;background:transparent;border:0;padding:0;cursor:pointer;
  font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--faint);text-decoration:underline;text-underline-offset:3px;transition:color .15s;
}
.linkbtn:hover{color:var(--red)}
.hist-sec{margin-top:44px}
.hist-sec .sec-head{margin-bottom:14px}
.hist-sec .hint{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.hbento{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:minmax(168px,auto);gap:12px;grid-auto-flow:dense;
}
.hcard{
  background:var(--card);border:1px solid transparent;border-radius:18px;padding:20px;
  cursor:pointer;text-align:left;display:flex;flex-direction:column;min-height:172px;min-width:0;
  transition:transform .14s ease, border-color .14s ease;color:inherit;font:inherit;
}
.hcard:hover{transform:translateY(-2px);border-color:var(--line)}
.hcard:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.hcard .hc-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.hcard .tk{font-family:var(--mono);font-size:15px;font-weight:600;letter-spacing:.08em;color:var(--ink)}
.hcard .ago{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);flex:none}
.hcard .ago.fresh{color:var(--green)}
.hcard .from{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-top:5px}
.hcard .hc-sum{display:none}
.hcard.lead .hc-sum{
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;
  font-family:var(--mono);font-size:11.5px;line-height:1.85;color:var(--sub);margin-top:16px;max-width:46ch;
}
.hcard .hc-score{font-family:var(--mono);font-weight:700;font-size:38px;letter-spacing:-.04em;line-height:1;margin:auto 0 0}
.hcard .hc-word{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;margin-top:7px}
.hcard .hc-comb{display:flex;gap:3px;margin-top:16px;height:26px;align-items:flex-end}
.hcard .hc-comb span{flex:1;position:relative;height:100%}
.hcard .hc-comb span i{position:absolute;left:0;right:0;border-radius:2px}
.hcard.lead{grid-column:span 2;grid-row:span 2}
.hcard.lead .tk{font-size:19px}
.hcard.lead .hc-score{font-size:clamp(52px,5vw,72px)}
.hcard.lead .hc-comb{height:44px;gap:5px}
@media (max-width:1040px){
  .hbento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hcard.lead{grid-column:span 2;grid-row:auto}
}
@media (max-width:560px){
  .hbento{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}
  .hcard.lead{grid-column:span 1;grid-row:auto}
  .hcard.lead .hc-comb{height:40px}
}

/* ---- cache state ---- */
.cachepill{
  font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;
  border:1px solid var(--line);border-radius:999px;padding:3px 10px;color:var(--faint);margin-left:10px;
}
.cachepill.hit{border-color:rgba(79,179,198,.4);color:var(--accent)}
.reread{
  font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  background:none;border:1px solid var(--line);border-radius:999px;color:var(--sub);
  padding:7px 14px;cursor:pointer;transition:border-color .15s,color .15s;flex:none;
}
.reread:hover{border-color:var(--sub);color:var(--ink)}
.reread:disabled{opacity:.4;cursor:default}

/* ---- bento ---- */
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
.card{background:var(--card);border-radius:var(--r);padding:26px;min-width:0;position:relative}
.c-hero{grid-column:span 8;min-height:430px;display:flex;flex-direction:column;overflow:hidden}
.c-invert{grid-column:span 4;background:var(--invert-bg);color:var(--invert-ink);display:flex;flex-direction:column;padding:32px}
.c-big{grid-column:span 4;display:flex;flex-direction:column;min-height:190px}
.c-factors{grid-column:span 8;display:flex;flex-direction:column}
.c-side{grid-column:span 4;display:flex;flex-direction:column}
.c-sources{grid-column:span 12}

/* ---- hero ---- */
.tape{position:absolute;left:0;right:0;bottom:22%;height:150px;pointer-events:none;z-index:0;overflow:hidden;opacity:0;transition:opacity .5s ease}
.tape.on{opacity:1}
.tape polyline{fill:none;stroke:var(--accent);stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.tape .l1{opacity:.30}
.tape .l2{opacity:.14}
.tape .l3{opacity:.07}
.tape .scanline{stroke:var(--accent);stroke-width:1;opacity:.22}
.tape .scandot{fill:var(--accent);opacity:.5}
.hero-title{
  font-weight:800;text-transform:uppercase;
  font-size:clamp(42px,5.6vw,80px);line-height:.94;letter-spacing:-.02em;
  margin:24px 0 0;position:relative;z-index:1;
}
.hero-title em{font-style:normal;color:var(--accent)}
.hero-title .co{
  display:block;font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.12em;
  text-transform:uppercase;color:var(--sub);margin-top:14px;
}
.resolved{
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--faint);
  margin-top:10px;position:relative;z-index:1;line-height:1.8;
}
.resolved b{color:var(--accent);font-weight:500}
.alts{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:12px;position:relative;z-index:1}
.alts .cl{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-right:2px}
.unresolved{
  margin-top:18px;padding:16px 18px;border:1px solid rgba(224,163,60,.32);background:rgba(224,163,60,.06);
  border-radius:14px;font-family:var(--mono);font-size:12px;line-height:1.9;color:var(--amber);position:relative;z-index:1;
}
.unresolved b{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:5px}
.hero-sub{font-family:var(--mono);font-size:13px;line-height:1.9;color:var(--sub);max-width:40em;position:relative;z-index:1;margin-top:18px}
.hero-sub em{font-style:normal;color:var(--ink)}
.hero-mid{margin-top:auto;position:relative;z-index:1}

/* ---- search ---- */
.search{display:flex;gap:8px;margin-top:24px;position:relative;z-index:1;flex-wrap:wrap}
.search .field{position:relative;flex:1;min-width:190px}
.search .field .pre{
  position:absolute;left:16px;top:50%;transform:translateY(-50%);
  font-family:var(--mono);font-size:15px;color:var(--faint);pointer-events:none;
}
.search input{
  width:100%;background:var(--card-2);border:1px solid var(--line);border-radius:999px;
  color:var(--ink);font-family:var(--mono);font-size:15px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;padding:14px 18px 14px 34px;outline:none;transition:border-color .15s;
}
.search input::placeholder{color:var(--faint);letter-spacing:.14em;font-weight:400}
.search input:focus{border-color:var(--accent)}
.search button{
  font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  background:var(--ink);color:var(--bg);border:1px solid var(--ink);border-radius:999px;
  padding:14px 26px;cursor:pointer;transition:opacity .15s;flex:none;
}
.search button:hover{opacity:.85}
.search button:disabled{opacity:.4;cursor:default}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px;align-items:center;position:relative;z-index:1}
.chips .cl{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-right:4px}
.chip{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;
  color:var(--sub);background:none;border:1px solid var(--line);border-radius:999px;
  padding:6px 13px;cursor:pointer;transition:border-color .12s,color .12s;
}
.chip:hover{border-color:var(--sub);color:var(--ink)}

/* ---- verdict condition bar ---- */
.cond{display:flex;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap;position:relative;z-index:1}
.cond-bar{display:flex;gap:4px}
.cond-bar i{width:26px;height:6px;border-radius:3px;background:var(--track);transition:background .5s ease}
.cond-word{font-family:var(--mono);font-size:14px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--faint)}
.hero-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:20px;position:relative;z-index:1}
.updated{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);text-align:right;line-height:2;flex:none}
.updated b{display:block;color:var(--ink);font-weight:500;font-size:13px;letter-spacing:.06em}

/* ---- inverted score card ---- */
.c-invert .lab{color:var(--invert-sub);letter-spacing:.16em}
.giant{
  font-family:var(--mono);font-weight:700;letter-spacing:-.05em;line-height:.92;
  font-size:clamp(74px,6.6vw,112px);margin:28px 0 0;color:var(--invert-ink);
  transition:color .4s ease;
}
.giant small{font-size:15px;letter-spacing:0;color:var(--invert-sub);font-weight:500;margin-left:5px}
.comb{margin:26px 0 auto;display:flex;flex-direction:column;gap:9px}
.comb-row{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:center}
.comb-row .k{font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:var(--invert-sub)}
.comb-row .t{position:relative;height:4px;border-radius:2px;background:var(--inv-track)}
.comb-row .t .z{position:absolute;left:50%;top:-2px;width:1px;height:8px;background:var(--invert-div)}
.comb-row .t .s{position:absolute;top:0;height:100%;width:0;border-radius:2px;transition:width .7s cubic-bezier(.2,.7,.3,1)}
.invert-foot{border-top:1px solid var(--invert-div);padding-top:20px;margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.delta{font-family:var(--mono);font-size:12px;font-weight:600;border-radius:999px;padding:4px 12px;background:rgba(120,120,111,.14);color:var(--invert-sub)}
.delta.good{background:#DDF0E6;color:#1E7A52}
.delta.bad{background:#F9DEDA;color:#B23A22}
.delta.mid{background:#F7EBD5;color:#96631A}

/* ---- big stat cards ---- */
.c-big .top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.c-big .ic{color:var(--faint)}
.bignum{font-family:var(--mono);font-weight:600;letter-spacing:-.03em;line-height:1;font-size:clamp(44px,4.2vw,64px);margin:auto 0 14px}
.bignum small{font-size:16px;letter-spacing:0;color:var(--faint);font-weight:500;margin-left:3px}
.cap{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.gauge{height:6px;border-radius:3px;background:var(--track);overflow:hidden;margin:0 0 14px}
.gauge i{display:block;height:100%;width:0;background:var(--accent);border-radius:3px;transition:width .7s cubic-bezier(.2,.7,.3,1)}
.split{display:flex;height:6px;border-radius:3px;overflow:hidden;background:var(--track);margin:0 0 14px;gap:2px}
.split i{display:block;height:100%;width:0;transition:width .7s cubic-bezier(.2,.7,.3,1)}
.split .up{background:var(--green)}
.split .flat{background:var(--faint)}
.split .down{background:var(--red)}

/* ---- section heads ---- */
.card h2{margin-bottom:4px}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px}
.sec-head .hint{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}

/* ---- factor rows ---- */
.fx{border-bottom:1px solid var(--line-soft);padding:14px 0;cursor:pointer;transition:opacity .2s}
.fx:first-of-type{padding-top:2px}
.fx:last-of-type{border-bottom:0;padding-bottom:2px}
.fx-top{display:grid;grid-template-columns:1fr 150px 56px;gap:14px;align-items:center}
.fx-name{font-size:13.5px;font-weight:600;line-height:1.35}
.fx-name .hl{display:block;font-family:var(--mono);font-size:10.5px;font-weight:400;letter-spacing:.02em;color:var(--faint);margin-top:4px;line-height:1.6;
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.fx.open .fx-name .hl{-webkit-line-clamp:unset;display:block}
.fx-meter{position:relative;height:8px;border-radius:4px;background:var(--track)}
.fx-meter .zero{position:absolute;left:50%;top:-3px;width:1px;height:14px;background:var(--line);transform:translateX(-.5px)}
.fx-meter .seg{position:absolute;top:0;height:100%;width:0;border-radius:4px;transition:width .7s cubic-bezier(.2,.7,.3,1),background .3s}
.fx-val{font-family:var(--mono);font-size:14px;font-weight:600;text-align:right;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.fx-ev{display:none;padding:12px 0 2px;margin-top:6px;border-left:2px solid var(--line);padding-left:16px}
.fx.open .fx-ev{display:block}
.fx-ev li{list-style:none;font-family:var(--mono);font-size:11.5px;line-height:1.85;color:var(--sub);margin-bottom:9px}
.fx-ev li:last-child{margin-bottom:0}
.fx-ev li .m{color:var(--faint);letter-spacing:.1em;text-transform:uppercase;font-size:9.5px;margin-left:2px}
.pos{color:var(--green)}.neg{color:var(--red)}.mid{color:var(--amber)}.flat{color:var(--faint)}

/* ---- side card ---- */
.wp-item{padding:14px 0;border-bottom:1px solid var(--line-soft)}
.wp-item:first-of-type{padding-top:0}
.wp-item:last-of-type{border-bottom:0;padding-bottom:0}
.wp-item .l{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:6px}
.wp-item .v{font-size:14px;font-weight:500;line-height:1.6}
.wp-item .v .num{font-family:var(--mono);font-weight:600}
.side-foot{margin-top:auto;padding-top:18px}

/* ---- sources ---- */
.disclose{
  width:100%;background:none;border:0;padding:0;cursor:pointer;color:inherit;text-align:left;
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:0;
}
.disclose .hint{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);transition:color .15s}
.disclose:hover .hint{color:var(--sub)}
.disclose .chev{width:12px;height:12px;transition:transform .2s ease;flex:none}
.disclose[aria-expanded="true"] .chev{transform:rotate(180deg)}
.disclose[aria-expanded="true"]{margin-bottom:18px}
.src-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}
.src{
  display:flex;align-items:center;gap:10px;background:var(--card-2);border-radius:12px;
  padding:11px 14px;text-decoration:none;color:var(--sub);font-size:12px;transition:color .15s;min-width:0;
}
.src:hover{color:var(--ink)}
.src .h{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);flex:none}
.src .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}

/* ---- states ---- */
.empty{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--faint);padding:26px 0;text-align:center;line-height:1.9}
.err{
  grid-column:span 12;background:rgba(229,72,77,.07);border:1px solid rgba(229,72,77,.3);
  border-radius:var(--r);padding:18px 22px;font-family:var(--mono);font-size:12.5px;line-height:1.8;color:var(--red);
}
.err b{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px}
[hidden]{display:none!important}
.dim{opacity:.42;transition:opacity .3s}

/* ---- footer ---- */
footer{margin-top:30px;color:var(--faint);font-size:12px;line-height:1.8;padding:0 6px;font-family:var(--mono)}
footer b{color:var(--sub)}
footer a{color:var(--faint)}
.methods{margin-top:26px;padding-top:22px;border-top:1px solid var(--line);max-width:78ch}
.methods h3{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sub);margin:0 0 14px;font-weight:600}
.methods p{font-family:var(--sans);font-size:12.5px;line-height:1.75;color:var(--faint);margin:0 0 12px}
.methods p b{color:var(--sub)}
.methods .mono{font-family:var(--mono);font-size:11px;color:var(--faint)}
kbd{font-family:var(--mono);font-size:10px;border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:var(--sub)}

/* ---- responsive ---- */
@media (max-width:1040px){
  .c-hero{grid-column:span 12;min-height:380px}
  .c-invert{grid-column:span 12;min-height:240px}
  .c-big{grid-column:span 4}
  .c-factors{grid-column:span 12}
  .c-side{grid-column:span 12}
}
@media (max-width:680px){
  .bento{gap:9px}
  .card{padding:18px;border-radius:17px}
  .c-invert{padding:22px}
  .c-hero{min-height:320px}
  .c-big{grid-column:span 12;min-height:150px}
  .bignum{margin:14px 0 12px}
  .fx-top{grid-template-columns:1fr 62px;grid-template-areas:"name val" "meter meter";row-gap:11px}
  .fx-name{grid-area:name}.fx-val{grid-area:val}.fx-meter{grid-area:meter}
  .search button{width:100%}
  .hero-foot{flex-direction:column;align-items:flex-start}
  .updated{text-align:left}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* ---- editorial pages (server-rendered) ---- */
.art{max-width:760px;margin:0 auto;padding:8px 2px 0}
.crumb{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:22px}
.crumb a{color:var(--faint);text-decoration:none}
.crumb a:hover{color:var(--ink)}
.art h1{font-size:clamp(30px,4vw,50px);line-height:1.08;letter-spacing:-.025em;font-weight:800;margin:0 0 16px}
.art .dek{font-family:var(--mono);font-size:14px;line-height:1.95;color:var(--sub);margin:0 0 18px;max-width:56ch}
.byline{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:0 0 26px;line-height:1.9}
.byline span{color:var(--ink)}
.art .lede{font-size:17px;line-height:1.75;color:var(--ink);margin:22px 0 0;font-weight:500}
.artsec{margin-top:34px}
.artsec h2{font-size:20px;line-height:1.3;letter-spacing:-.01em;margin:0 0 12px;font-weight:700}
.artsec h3{font-size:15px;margin:0 0 6px;font-weight:600}
.artsec p{font-size:15.5px;line-height:1.8;color:#cfd6df;margin:0 0 14px;max-width:70ch}
:root[data-theme="light"] .artsec p{color:#3a3a34}
.qa{padding:14px 0;border-bottom:1px solid var(--line-soft)}
.qa:last-child{border-bottom:0}
.gaugefig{margin:26px 0 0;padding:22px;background:var(--card);border-radius:var(--r)}
.gaugefig svg{width:100%;height:auto;display:block}
.gaugefig .gl{font-family:var(--mono);font-size:9px;letter-spacing:.14em;fill:var(--faint);text-transform:uppercase}
.gaugefig .gv{font-family:var(--mono);font-size:15px;font-weight:700;letter-spacing:-.02em}
.gaugefig figcaption{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-top:14px;text-align:center}
.updates .upd{display:grid;grid-template-columns:78px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--line-soft)}
.updates .upd:last-child{border-bottom:0}
.updates time{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--accent)}
.updates p{margin:0;font-size:14.5px}
.callout{background:var(--card);border-radius:var(--r);padding:26px}
.callgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:16px}
.callgrid .k,.hubstats .k{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:5px}
.callgrid b{font-family:var(--mono);font-size:17px;font-weight:600;letter-spacing:-.01em}
.callout .rat{font-size:14.5px;color:var(--sub);margin:0 0 12px}
.callout .rec{font-family:var(--mono);font-size:12px;line-height:1.9;color:var(--faint);margin:0}
.callout .rec a{color:var(--accent)}
.hubstats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0 0}
.hubstats>div{background:var(--card);border-radius:14px;padding:16px 18px}
.hubstats b{font-family:var(--mono);font-size:22px;font-weight:700;letter-spacing:-.02em}
.hubstats.big b{font-size:clamp(26px,3.4vw,40px)}
.bigcard{display:block;background:var(--card);border-radius:var(--r);padding:24px;text-decoration:none;color:inherit;border:1px solid transparent;transition:border-color .14s}
.bigcard:hover{border-color:var(--line)}
.bigcard time{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.bigcard b{display:block;font-size:19px;line-height:1.35;margin:8px 0 8px}
.bigcard span{color:var(--sub);font-size:14px;line-height:1.7}
.linklist{list-style:none;margin:0;padding:0}
.linklist li{border-bottom:1px solid var(--line-soft)}
.linklist li:last-child{border-bottom:0}
.linklist a{display:block;padding:12px 0;color:var(--sub);text-decoration:none;font-size:14.5px}
.linklist a:hover{color:var(--ink)}
.rectable{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12.5px}
.rectable th{text-align:left;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-weight:500;padding:10px 10px 10px 0;border-bottom:1px solid var(--line)}
.rectable td{padding:11px 10px 11px 0;border-bottom:1px solid var(--line-soft);color:var(--sub)}
.rectable a{color:var(--ink);text-decoration:none}
.covgrid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:26px 0 0;padding:0}
.covgrid a{display:block;background:var(--card);border-radius:16px;padding:20px;text-decoration:none;color:inherit;border:1px solid transparent;transition:border-color .14s}
.covgrid a:hover{border-color:var(--line)}
.covgrid b{font-family:var(--mono);font-size:16px;letter-spacing:.08em}
.covgrid span{display:block;color:var(--sub);font-size:12.5px;margin:5px 0 8px;line-height:1.5}
.covgrid em{font-style:normal;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.rate{background:var(--card);border-radius:var(--r);padding:24px}
.stars{display:flex;gap:4px;margin:4px 0 10px}
.stars button{appearance:none;background:none;border:0;font-size:28px;line-height:1;color:var(--line);cursor:pointer;padding:0 2px;transition:color .12s,transform .12s}
.stars button:hover,.stars button.on{color:var(--amber)}
.stars button:hover{transform:scale(1.12)}
.ravg{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:0}
@media (max-width:680px){ .hubstats{grid-template-columns:repeat(2,1fr)} .rectable{font-size:11px} }

.src{font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);border:1px solid rgba(224,163,60,.35);border-radius:4px;padding:1px 4px;white-space:nowrap}