/* =========================================================
   CHI — UBER SPECIAL INVESTIGATION
   "The Number in the Middle"
   Page-scoped stylesheet. Loaded only by uber-investigation.html.
   Every rule is namespaced under .usi-page or .usi-*, so no shared
   CHI rule is altered and no other page is affected.

   Accent discipline:
     --acid (#d8ff3e)  CHI editorial voice, section eyebrows, payoffs
     #f0883e           THE SPREAD — the unknown middle. Carried over
                       from the Uber company page (.ub-sp-mid) so the
                       two pages read as one publication.
     --cvi  (#f0b23e)  Uber's own value case / defence
     --danger          litigation precision and risk disclosure
   ========================================================= */

.usi-page{overflow-x:hidden}
.usi-page{--spread:#f0883e;--spread-dim:#5c3a1c}

/* ---------- Section rhythm ---------- */
.usi-page .usi-section{padding:44px 0;border-bottom:1px solid var(--line)}
.usi-page .usi-section.is-alt{background:#090909}
.usi-page .usi-section.is-tight{padding:30px 0}
.usi-page .usi-section-head{max-width:880px;margin:0 0 18px}
.usi-page .usi-section-head h2{font-size:clamp(27px,2.8vw,36px);line-height:1.02;letter-spacing:-.042em;margin:7px 0 0}
.usi-page .usi-section-head p{color:var(--muted);font-size:14px;line-height:1.45;margin:9px 0 0;max-width:720px}

/* ---------- Prose: normal prose stays normal prose ---------- */
.usi-prose{max-width:680px;font-size:17px;line-height:1.62;color:#c9c6bf}
.usi-prose p{margin:0 0 17px}
.usi-prose p:last-child{margin-bottom:0}
.usi-prose strong{color:var(--text);font-weight:700}
.usi-prose em{font-style:italic;color:var(--text)}
.usi-prose a.usi-inline{color:var(--acid);border-bottom:1px solid rgba(216,255,62,.34)}
.usi-prose a.usi-inline:hover{border-bottom-color:var(--acid)}
.usi-prose .usi-lead{font-size:20px;line-height:1.5;color:var(--text)}
/* A single-sentence paragraph the author wrote as a beat. Not a design
   flourish applied to ordinary prose — only used where V5 is one line. */
.usi-prose .usi-beat{font-size:clamp(20px,1.9vw,22px);line-height:1.28;letter-spacing:-.028em;
  color:var(--text);font-weight:700;margin:20px 0 20px}
.usi-prose .usi-beat-acid{color:var(--acid)}
.usi-wide{max-width:880px}

/* ---------- Footnote markers ---------- */
.usi-fn{font-size:.62em;vertical-align:super;line-height:0;color:var(--acid);font-weight:800;
  text-decoration:none;padding:0 1px 0 2px}
.usi-fn:hover,.usi-fn:focus-visible{text-decoration:underline}
.usi-page [id^="src-"],.usi-page [id^="fnref-"]{scroll-margin-top:96px}
.usi-page [id^="src-"]:target{outline:1px dashed var(--acid);outline-offset:5px}

/* =========================================================
   HERO
   ========================================================= */
.usi-hero{padding:36px 0 34px;border-bottom:1px solid var(--line);
  background:
    radial-gradient(ellipse at 78% 8%,rgba(240,136,62,.10),transparent 46%),
    radial-gradient(ellipse at 8% 92%,rgba(216,255,62,.055),transparent 44%)}
.usi-hero .usi-back{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);margin:0 0 18px}
.usi-hero .usi-back:hover{color:var(--acid)}
.usi-hero .eyebrow{margin:0 0 14px}
.usi-hero h1{font-size:clamp(46px,7.4vw,97px);line-height:.88;letter-spacing:-.058em;margin:0;
  max-width:14ch}
.usi-dek{font-size:clamp(19px,2.1vw,26px);line-height:1.18;letter-spacing:-.032em;color:var(--spread);
  font-weight:700;margin:18px 0 0;max-width:22ch}
.usi-hero-meta{display:flex;flex-wrap:wrap;gap:0;margin:28px 0 0;border:1px solid var(--line);
  background:var(--panel);max-width:940px}
.usi-hero-meta>div,.usi-hero-meta>a{padding:12px 18px;border-right:1px solid var(--line);
  flex:1 1 auto;min-width:140px;display:block}
.usi-hero-meta>div:last-child,.usi-hero-meta>a:last-child{border-right:0}
.usi-hero-meta>a:hover{background:#111}
.usi-hero-meta dt,.usi-hero-meta small{display:block;font-size:8.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--muted);margin:0 0 5px}
.usi-hero-meta strong{display:block;font-size:13.5px;font-weight:700;letter-spacing:-.015em;color:var(--text)}
.usi-hero-meta>a strong{color:var(--acid)}
.usi-hero-meta>a:hover strong{color:#e6ff6b}
.usi-hero-meta .usi-meta-scores strong{font-variant-numeric:tabular-nums}
.usi-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.usi-cta{display:inline-flex;align-items:center;gap:9px;padding:12px 17px;border:1px solid var(--line);
  font-size:9.5px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--text)}
.usi-cta--primary{background:var(--acid);color:#000;border-color:var(--acid)}
.usi-cta:hover{border-color:var(--acid)}
.usi-cta--primary:hover{background:#e6ff6b}

/* =========================================================
   OPENING PROOF — the Colorado split
   ========================================================= */
.usi-proof{margin:0;border:1px solid var(--line);background:var(--panel)}
.usi-proof-head{padding:13px 20px;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;
  align-items:baseline;gap:6px 14px}
.usi-proof-head b{font-size:9.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--acid)}
.usi-proof-head span{font-size:12px;color:var(--muted);line-height:1.4}
.usi-proof-grid{display:grid;grid-template-columns:1fr 1fr}
.usi-proof-cell{padding:22px 20px 20px;border-right:1px solid var(--line)}
.usi-proof-cell:last-child{border-right:0}
.usi-proof-cell small{display:block;font-size:9.5px;font-weight:900;letter-spacing:.16em;
  text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.usi-proof-cell b{display:block;font-size:clamp(44px,6.9vw,71px);line-height:.84;letter-spacing:-.055em;
  color:var(--text);font-variant-numeric:tabular-nums}
.usi-proof-cell p{margin:14px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted)}
.usi-proof-cell.is-driver small{color:var(--cvi)}
.usi-proof-knew{border-top:1px solid var(--line);background:#0a0a0a;padding:20px;text-align:center}
.usi-proof-knew strong{display:block;font-size:clamp(26px,4.1vw,43px);line-height:1.02;letter-spacing:-.05em;
  color:var(--spread);text-transform:uppercase}
.usi-proof-knew span{display:block;margin:12px auto 0;max-width:620px;font-size:12.5px;line-height:1.55;
  color:var(--muted)}
.usi-proof-guard{border-top:1px solid var(--line);border-left:3px solid var(--danger);
  background:#100a09;padding:15px 19px}
.usi-proof-guard b{display:block;font-size:9.5px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;
  color:var(--danger);margin:0 0 7px}
.usi-proof-guard p{margin:0;font-size:13px;line-height:1.55;color:#c9c6bf}

/* =========================================================
   MECHANISM — rider fare / Uber / driver fare
   ========================================================= */
.usi-mech{border:1px solid var(--line);background:#0a0a0a}
.usi-mech-grid{display:grid;grid-template-columns:1fr minmax(0,1.1fr) 1fr;align-items:stretch}
.usi-mech-side{padding:20px;display:flex;flex-direction:column;background:var(--panel)}
.usi-mech-side.is-rider{border-right:1px solid var(--line);border-top:2px solid #8fd0ff}
.usi-mech-side.is-driver{border-left:1px solid var(--line);border-top:2px solid var(--cvi)}
.usi-mech-side small,.usi-mech-mid small{display:block;font-size:9.5px;font-weight:900;letter-spacing:.16em;
  text-transform:uppercase;margin:0 0 11px;color:var(--muted)}
.usi-mech-side.is-rider small{color:#8fd0ff}
.usi-mech-side.is-driver small{color:var(--cvi)}
.usi-mech-mid small{color:var(--spread)}
.usi-mech-side b,.usi-mech-mid b{display:block;font-size:clamp(27px,3.3vw,35px);line-height:.92;
  letter-spacing:-.046em;color:var(--text);font-variant-numeric:tabular-nums}
.usi-mech-mid b{color:var(--spread);font-size:clamp(20px,2.3vw,25px);line-height:1.08;text-transform:uppercase}
.usi-mech-side p,.usi-mech-mid p{margin:13px 0 0;font-size:13px;line-height:1.55;color:#bdbab3}
.usi-mech-side .usi-mech-blind{margin-top:auto;padding-top:16px;font-size:12px;line-height:1.5;
  color:var(--muted)}
.usi-mech-side .usi-mech-blind i{font-style:normal;display:block;font-size:9px;font-weight:900;
  letter-spacing:.15em;text-transform:uppercase;color:var(--danger);margin-bottom:5px}
.usi-mech-mid{padding:20px;text-align:center;
  background:#0d0b09 repeating-linear-gradient(135deg,rgba(240,136,62,.13) 0 7px,transparent 7px 14px)}
.usi-mech-mid p{color:#cbc3ba}
.usi-mech-arrows{display:grid;grid-template-columns:1fr minmax(0,1.1fr) 1fr;border-top:1px solid var(--line);
  background:#0a0a0a}
.usi-mech-arrows span{padding:9px 12px;text-align:center;font-size:9px;font-weight:900;letter-spacing:.15em;
  text-transform:uppercase;color:var(--muted);border-right:1px solid var(--line)}
.usi-mech-arrows span:last-child{border-right:0}
.usi-mech-arrows span.is-spread{color:var(--spread)}
.usi-mech-note{border-top:1px solid var(--line);padding:16px 22px;font-size:12.5px;line-height:1.6;
  color:var(--muted);background:var(--panel)}
.usi-mech-note strong{color:var(--text)}

/* =========================================================
   HISTORICAL ARC — progressive separation
   ========================================================= */
.usi-arcwrap{border:1px solid var(--line);background:var(--panel);margin:0 0 0}
.usi-arc-chart{padding:20px 18px 6px;border-bottom:1px solid var(--line);background:#0a0a0a}
.usi-arc-chart svg{display:block;width:100%;height:auto}
.usi-arc-legend{display:flex;flex-wrap:wrap;gap:8px 20px;padding:0 18px 15px;background:#0a0a0a;
  border-bottom:1px solid var(--line)}
.usi-arc-legend span{font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
  color:var(--muted);display:inline-flex;align-items:center;gap:7px}
.usi-arc-legend i{width:16px;height:2px;display:inline-block;font-style:normal}
.usi-arc-legend .is-r i{background:#8fd0ff}
.usi-arc-legend .is-d i{background:var(--cvi)}
.usi-arc-legend .is-s i{height:9px;background:repeating-linear-gradient(135deg,rgba(240,136,62,.85) 0 3px,transparent 3px 6px)}
.usi-step{display:grid;grid-template-columns:96px 1fr 128px;gap:18px;align-items:baseline;
  padding:14px 18px;border-bottom:1px solid var(--line)}
.usi-step:last-child{border-bottom:0}
.usi-step time{font-size:12px;font-weight:900;letter-spacing:.05em;color:var(--acid);
  font-variant-numeric:tabular-nums}
.usi-step p{margin:0;font-size:13.5px;line-height:1.5;color:#c9c6bf}
.usi-step p b{color:var(--text)}
.usi-step .usi-sep{justify-self:start;font-size:8.5px;font-weight:900;letter-spacing:.13em;
  text-transform:uppercase;border:1px solid var(--line);padding:5px 8px;line-height:1;color:var(--muted);
  white-space:nowrap}
.usi-step .usi-sep.is-coupled{color:#8fd0ff;border-color:#26455c}
.usi-step .usi-sep.is-split{color:var(--spread);border-color:var(--spread-dim)}
.usi-step .usi-sep.is-shown{color:var(--acid);border-color:#4d5c1c}
.usi-arc-mobnote{display:none}

/* =========================================================
   TAKE — the decomposition
   ========================================================= */
.usi-take{border:1px solid var(--line);background:var(--panel)}
.usi-take-head{padding:13px 20px;border-bottom:1px solid var(--line);font-size:9.5px;font-weight:900;
  letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.usi-take-bar{display:flex;height:56px;border-bottom:1px solid var(--line)}
.usi-take-bar>div{display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;
  letter-spacing:.11em;text-transform:uppercase;border-right:1px solid var(--line);text-align:center;
  padding:0 8px;line-height:1.25;overflow:hidden}
.usi-take-bar>div:last-child{border-right:0}
.usi-take-bar .is-drv{flex:12 1 0;background:#171408;color:var(--cvi)}
.usi-take-bar .is-gap{flex:13 1 0;color:var(--spread);
  background:#0f0b08 repeating-linear-gradient(135deg,rgba(240,136,62,.16) 0 7px,transparent 7px 14px)}
.usi-take-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}
.usi-take-rows>div{background:var(--panel);padding:16px 19px}
.usi-take-rows dt,.usi-take-rows b{display:block;font-size:9.5px;font-weight:900;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.usi-take-rows strong{display:block;font-size:clamp(20px,2.15vw,23px);line-height:1.02;letter-spacing:-.036em;
  color:var(--text);font-variant-numeric:tabular-nums}
.usi-take-rows p{margin:10px 0 0;font-size:12.5px;line-height:1.55;color:var(--muted)}
.usi-take-rows .is-gross strong{color:var(--spread)}
.usi-take-rows .is-uber strong{color:var(--cvi)}
.usi-take-rows .is-indep strong{color:#8fd0ff}
.usi-take-rows .is-cost strong{font-size:15px;letter-spacing:-.02em;line-height:1.35;color:#c9c6bf}
.usi-take-verdict{border-top:1px solid var(--line);background:#0a0a0a;padding:26px 20px;text-align:center}
.usi-take-verdict strong{display:block;font-size:clamp(23px,3.6vw,38px);line-height:1.02;letter-spacing:-.046em;
  color:var(--acid);text-transform:uppercase}
.usi-take-verdict span{display:block;margin:13px auto 0;max-width:640px;font-size:12.5px;line-height:1.55;
  color:var(--muted)}

.usi-studies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);
  border:1px solid var(--line);margin-top:18px}
.usi-studies>div{background:var(--panel);padding:16px 18px}
.usi-studies b{display:block;font-size:9.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;
  color:var(--acid);margin:0 0 9px}
.usi-studies strong{display:block;font-size:clamp(19px,1.9vw,21px);line-height:1.08;letter-spacing:-.036em;
  color:var(--text);font-variant-numeric:tabular-nums}
.usi-studies p{margin:9px 0 0;font-size:12.5px;line-height:1.55;color:var(--muted)}

/* =========================================================
   BOXES / CALLOUTS
   ========================================================= */
.usi-box{border:1px solid var(--line);background:var(--panel);padding:17px 20px;margin:22px 0 0;max-width:880px}
.usi-box h3{font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;margin:0 0 9px;font-weight:900}
.usi-box p{margin:0 0 9px;font-size:14px;line-height:1.55;color:#c9c6bf}
.usi-box p:last-child{margin-bottom:0}
.usi-box strong{color:var(--text)}
.usi-box--precision{border-left:3px solid var(--danger)}
.usi-box--precision h3{color:var(--danger)}
.usi-box--value{border-left:3px solid var(--cvi)}
.usi-box--value h3{color:var(--cvi)}
.usi-box--chi{border-left:3px solid var(--acid)}
.usi-box--chi h3{color:var(--acid)}
.usi-box--risk{border-left:3px solid var(--danger);background:#100a09}
.usi-box--risk h3{color:var(--danger)}

.usi-pull{border-left:3px solid var(--acid);padding:4px 0 4px 20px;margin:26px 0;max-width:820px}
.usi-pull p{font-size:clamp(20px,2.15vw,26px);line-height:1.18;letter-spacing:-.035em;margin:0;color:var(--text)}
.usi-pull cite{display:block;margin-top:10px;font-style:normal;font-size:9.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted)}

/* Score trio contextual strip (Uber's own frozen company scores) */
.usi-scores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);
  border:1px solid var(--line);margin:22px 0 0;max-width:600px}
.usi-scores>div{background:var(--panel);padding:15px 17px}
.usi-scores small{display:block;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted);margin:0 0 7px}
.usi-scores strong{display:block;font-size:27px;line-height:.92;letter-spacing:-.046em;font-variant-numeric:tabular-nums}
.usi-scores em{font-style:normal;font-size:14px;color:var(--muted)}
.usi-scores span{display:block;margin-top:7px;font-size:10.5px;line-height:1.35;color:var(--muted)}
.usi-scores .is-chi strong{color:var(--danger)}
.usi-scores .is-cvi strong{color:var(--cvi)}
.usi-scores .is-cfs strong{color:var(--acid)}
.usi-scores-note{margin:11px 0 0;font-size:12px;line-height:1.6;color:var(--muted);max-width:680px}

/* =========================================================
   COLORADO
   ========================================================= */
.usi-co{border:1px solid var(--line);background:var(--panel)}
.usi-co-list{margin:0;padding:0;list-style:none}
.usi-co-list li{padding:17px 22px;border-bottom:1px solid var(--line);font-size:clamp(17px,2vw,22px);
  line-height:1.24;letter-spacing:-.028em;color:var(--muted);display:grid;grid-template-columns:28px 1fr;
  gap:14px;align-items:baseline}
.usi-co-list li:before{content:"\2715";color:var(--danger);font-size:15px;line-height:1.2}
.usi-co-list li.is-did{color:var(--acid);font-weight:800;border-bottom:0;background:#0c0e07}
.usi-co-list li.is-did:before{content:"\2713";color:var(--acid)}
.usi-co-effect{border-top:1px solid var(--line);padding:16px 22px;background:#0a0a0a;
  display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:baseline}
.usi-co-effect time{font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--acid);
  white-space:nowrap}
.usi-co-effect p{margin:0;font-size:14px;line-height:1.55;color:#c9c6bf}

.usi-sued{margin:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:37px 0;text-align:center}
.usi-sued p{margin:0;font-size:clamp(48px,9.9vw,109px);line-height:.86;letter-spacing:-.065em;
  color:var(--danger);text-transform:uppercase;font-weight:900}

.usi-id{border:1px solid var(--acid);background:#0c0e07;margin:26px 0 0;max-width:900px}
.usi-id-head{padding:12px 20px;border-bottom:1px solid rgba(216,255,62,.34);display:flex;flex-wrap:wrap;
  align-items:baseline;gap:5px 12px}
.usi-id-head b{font-size:9.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--acid)}
.usi-id-head span{font-size:11.5px;color:var(--muted)}
.usi-id-body{padding:20px}
.usi-id-body p{margin:0;font-size:14.5px;line-height:1.6;color:#c9c6bf}
.usi-id-solution{margin:0;padding:20px;border-top:1px solid rgba(216,255,62,.34);background:#0f1209;
  font-size:clamp(21px,2.8vw,31px);line-height:1.12;letter-spacing:-.037em;color:var(--acid);font-weight:800}
.usi-id-link{display:inline-block;margin:14px 20px 20px;font-size:9.5px;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
.usi-id-link:hover{color:var(--acid);border-bottom-color:var(--acid)}

/* =========================================================
   COMPARE NOTES
   ========================================================= */
.usi-ledger{border:1px solid var(--line);background:var(--panel);margin:0}
.usi-ledger-head{padding:13px 20px;border-bottom:1px solid var(--line);font-size:9.5px;font-weight:900;
  letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.usi-ledger-now{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.usi-ledger-now>div{padding:18px 20px;border-right:1px solid var(--line)}
.usi-ledger-now>div:last-child{border-right:0}
.usi-ledger-now small{display:block;font-size:9.5px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;
  color:var(--muted);margin:0 0 10px}
.usi-ledger-now b{display:block;font-size:clamp(31px,4.4vw,45px);line-height:.88;letter-spacing:-.05em;
  color:var(--text);font-variant-numeric:tabular-nums}
.usi-ledger-arrow{padding:12px 20px;border-bottom:1px solid var(--line);background:#0a0a0a;text-align:center;
  font-size:9.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--spread)}
.usi-ledger-alt{display:grid;grid-template-columns:1.1fr 1fr 1fr}
.usi-ledger-alt>div{padding:18px 20px;border-right:1px solid var(--line)}
.usi-ledger-alt>div:last-child{border-right:0}
.usi-ledger-alt small{display:block;font-size:9.5px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;
  color:var(--muted);margin:0 0 10px}
.usi-ledger-alt b{display:block;font-size:clamp(26px,3.5vw,35px);line-height:.9;letter-spacing:-.046em;
  color:var(--acid);font-variant-numeric:tabular-nums}
.usi-ledger-alt p{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}
.usi-ledger-alt .is-deal b{color:var(--text)}
.usi-ledger-foot{border-top:1px solid var(--line);padding:15px 22px;font-size:12.5px;line-height:1.6;
  color:var(--muted);background:#0a0a0a}

.usi-shout{margin:30px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:44px 0;text-align:center}
.usi-shout p{margin:0 auto;max-width:19ch;font-size:clamp(30px,5.3vw,61px);line-height:.98;
  letter-spacing:-.05em;color:var(--text);font-weight:900}
.usi-shout p span{color:var(--acid)}

/* =========================================================
   PATTERN DEFINITION
   ========================================================= */
.usi-definition{border:1px solid var(--acid);background:#0c0e07;padding:21px 22px;margin:0;max-width:960px}
.usi-definition small{display:block;font-size:9.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;
  color:var(--acid);margin:0 0 13px}
.usi-definition p{margin:0;font-size:clamp(16px,1.75vw,19px);line-height:1.42;letter-spacing:-.022em;color:var(--text)}
.usi-def-tests{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);
  border:1px solid var(--line);border-top:0;margin:0 0 0;max-width:960px}
.usi-def-tests>div{background:var(--panel);padding:14px 16px}
.usi-def-tests b{display:block;font-size:18px;line-height:1;letter-spacing:-.036em;color:var(--acid);margin:0 0 8px;
  font-variant-numeric:tabular-nums}
.usi-def-tests p{margin:0;font-size:12.5px;line-height:1.5;color:var(--muted)}

/* =========================================================
   FINAL
   ========================================================= */
.usi-final{padding:62px 0 70px;border-bottom:1px solid var(--line);
  background:radial-gradient(ellipse at 50% 100%,rgba(240,136,62,.09),transparent 58%)}
.usi-final-inner{max-width:720px;margin:0 auto}
.usi-final .usi-prose{max-width:none;font-size:17px}
.usi-final-payoff{margin:40px auto 0;max-width:900px;text-align:center}
.usi-final-payoff .usi-final-setup{margin:0 0 20px;font-size:15px;line-height:1.6;color:var(--muted)}
.usi-final-payoff .usi-final-line{margin:0;font-size:clamp(29px,5.4vw,64px);line-height:.98;
  letter-spacing:-.053em;color:var(--acid);font-weight:900}

/* =========================================================
   SOURCES
   ========================================================= */
.usi-sources{list-style:none;margin:18px 0 0;padding:0;display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.usi-sources li{background:var(--panel);padding:13px 16px;display:flex;flex-direction:column;gap:4px;min-width:0}
.usi-sources>li:nth-child(2n+1):last-child{grid-column:1/-1}
.usi-sources li .usi-src-n{font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--acid)}
.usi-sources li .usi-src-kind{font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted)}
.usi-sources li a{font-size:12.5px;font-weight:700;color:var(--text);line-height:1.45;overflow-wrap:anywhere;
  word-break:break-word}
.usi-sources li a:hover{color:var(--acid)}
.usi-sources li .usi-nolink{font-size:12.5px;font-weight:700;color:var(--text);line-height:1.45;display:block}
.usi-sources li small{font-size:11px;color:var(--muted);line-height:1.5}
.usi-sources li .usi-unverified{color:var(--cvi);font-weight:700;opacity:.82}
.usi-src-back{font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.usi-src-back:hover{color:var(--acid)}
.usi-src-note{margin:16px 0 0;font-size:12px;line-height:1.6;color:var(--muted);max-width:900px;
  border-left:1px solid var(--line);padding-left:14px}

/* =========================================================
   RELATED / PAGE FOOT
   ========================================================= */
.usi-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);
  border:1px solid var(--line);margin-top:18px}
.usi-related a{background:var(--panel);padding:20px 22px;display:flex;flex-direction:column;gap:8px}
.usi-related a:hover{background:#111}
.usi-related small{font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.usi-related strong{font-size:clamp(19px,2vw,23px);line-height:1.05;letter-spacing:-.036em;color:var(--text)}
.usi-related a:hover strong{color:var(--acid)}
.usi-related p{margin:0;font-size:12.5px;line-height:1.55;color:var(--muted)}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media(max-width:980px){
  .usi-page .usi-def-tests{grid-template-columns:repeat(2,minmax(0,1fr))}
  .usi-page .usi-studies{grid-template-columns:1fr}
  .usi-page .usi-step{grid-template-columns:76px 1fr;gap:8px 14px}
  .usi-page .usi-step .usi-sep{grid-column:2;margin-top:4px}
}
@media(max-width:760px){
  .usi-page .usi-section{padding:34px 0}
  .usi-page .usi-section.is-tight{padding:26px 0}
  .usi-page .usi-hero{padding:26px 0 30px}
  .usi-page .usi-hero h1{max-width:none;letter-spacing:-.05em}
  .usi-page .usi-dek{max-width:none}
  .usi-page .usi-hero-meta{display:grid;grid-template-columns:1fr 1fr;max-width:none}
  .usi-page .usi-hero-meta>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}
  .usi-page .usi-hero-meta>div:nth-child(2n){border-right:0}
  .usi-page .usi-cta{width:100%;justify-content:center}
  .usi-page .usi-prose{font-size:16px}

  /* The two-number mechanism must stay readable on a phone: stack, never squeeze. */
  .usi-page .usi-proof-grid{grid-template-columns:1fr}
  .usi-page .usi-proof-cell{border-right:0;border-bottom:1px solid var(--line);padding:20px}
  .usi-page .usi-proof-cell:last-child{border-bottom:0}
  .usi-page .usi-mech-grid{grid-template-columns:1fr}
  .usi-page .usi-mech-side.is-rider{border-right:0;border-bottom:1px solid var(--line)}
  .usi-page .usi-mech-side.is-driver{border-left:0;border-top:1px solid var(--line);
    border-bottom:2px solid var(--cvi)}
  .usi-page .usi-mech-arrows{grid-template-columns:1fr}
  .usi-page .usi-mech-arrows span{border-right:0;border-bottom:1px solid var(--line)}
  .usi-page .usi-mech-arrows span:last-child{border-bottom:0}
  .usi-page .usi-take-rows,.usi-page .usi-def-tests,.usi-page .usi-sources,
  .usi-page .usi-related,.usi-page .usi-scores{grid-template-columns:1fr}
  .usi-page .usi-sources>li:nth-child(2n+1):last-child{grid-column:auto}
  .usi-page .usi-take-bar{height:auto;flex-direction:column}
  .usi-page .usi-take-bar>div{border-right:0;border-bottom:1px solid var(--line);padding:13px 10px}
  .usi-page .usi-take-bar>div:last-child{border-bottom:0}
  .usi-page .usi-ledger-now,.usi-page .usi-ledger-alt{grid-template-columns:1fr}
  .usi-page .usi-ledger-now>div,.usi-page .usi-ledger-alt>div{border-right:0;
    border-bottom:1px solid var(--line)}
  .usi-page .usi-ledger-now>div:last-child,.usi-page .usi-ledger-alt>div:last-child{border-bottom:0}
  .usi-page .usi-co-list li{grid-template-columns:22px 1fr;gap:10px;padding:15px 17px}
  .usi-page .usi-co-effect{grid-template-columns:1fr;gap:8px;padding:16px 17px}
  .usi-page .usi-sued{padding:32px 0;margin:24px 0}
  .usi-page .usi-shout{padding:36px 0}
  .usi-page .usi-shout p{max-width:none}
  .usi-page .usi-definition{padding:19px 18px}
  .usi-page .usi-id-body,.usi-page .usi-id-solution{padding:17px}
  .usi-page .usi-final{padding:48px 0 54px}
  /* The schematic's labels cannot stay legible at phone width. The six step
     rows below it are the same story in text, with the coupling badges doing
     the separation work, so the chart steps aside rather than shrinking. */
  .usi-page .usi-arc-chart,.usi-page .usi-arc-legend{display:none}
  .usi-page .usi-arc-mobnote{display:block;padding:13px 17px;border-bottom:1px solid var(--line);
    background:#0a0a0a;font-size:11.5px;line-height:1.5;color:var(--muted)}
  .usi-page .usi-arc-mobnote b{color:var(--spread);font-weight:800;text-transform:uppercase;
    letter-spacing:.11em;font-size:9.5px;display:block;margin-bottom:5px}
}

@media(prefers-reduced-motion:reduce){
  .usi-page *{transition:none!important;animation:none!important}
}