:root{--bg:#f3f5f9;--ink:#0f172a;--muted:#5b6477;--card:#ffffff;--line:#d8dfeb;--brand:#0f274f;--brand2:#1c3f7a}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink);word-wrap:break-word;overflow-wrap:anywhere}
.top{background:linear-gradient(145deg,var(--brand),#0b1f43 60%,#0a1730);color:#f5f8ff;padding:36px 16px}
.top h1{margin:.2rem 0 0;font-size:1.8rem;line-height:1.15}.kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;opacity:.85}
.subtitle{max-width:860px;opacity:.92;font-size:.98rem}.meta{opacity:.8;font-size:.86rem}
.layout{max-width:1120px;margin:-18px auto 20px;display:grid;grid-template-columns:1.8fr 1fr;gap:14px;padding:0 12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 14px rgba(15,23,42,.06);padding:14px}
.ticker{grid-column:1/-1;padding:10px 12px;overflow:hidden;background:#0f1f3f;color:#dfe8ff;border-color:#2a4271;position:relative}
.ticker-track{display:flex;gap:22px;white-space:nowrap;will-change:transform;transform:translate3d(0,0,0);min-width:max-content}
.tick-item{flex:0 0 auto;font-size:.89rem;opacity:.96;max-width:70vw}
.main h2{margin-top:1rem;font-size:1.05rem}
.main p,.main li{line-height:1.58;font-size:.96rem}
#deepDive .block{background:#f8faff;border:1px solid #dbe3f2;border-radius:10px;padding:11px;margin:10px 0}
.compare-table{width:100%;border-collapse:collapse;font-size:.92rem;display:block;overflow:auto}
.compare-table th,.compare-table td{border-bottom:1px solid #e4e9f3;padding:8px;text-align:left;vertical-align:top;min-width:140px}
.compare-table th{background:#f6f8fc}
.side h3{margin:.3rem 0}.small{font-size:.83rem;color:var(--muted)}
footer{text-align:center;padding:16px;color:#667085;font-size:.86rem}
a{color:#1d4ed8;text-decoration:none}a:hover{text-decoration:underline}
@media(max-width:900px){
  .layout{grid-template-columns:1fr;padding:0 10px;margin-top:-10px}
  .top{padding:24px 12px}
  .top h1{font-size:1.35rem;line-height:1.2}
  .subtitle{font-size:.9rem}
  .meta{font-size:.78rem}
  .card{padding:12px;border-radius:10px}
  .ticker{padding:8px 10px;overflow:hidden}
  .ticker-track{display:flex;gap:12px;white-space:nowrap;flex-wrap:nowrap;min-width:max-content;will-change:transform}
  .tick-item{font-size:.76rem;max-width:76vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(255,255,255,.08);padding:4px 8px;border-radius:999px}
  .main h2{font-size:.98rem}
  .main p,.main li{font-size:.88rem;line-height:1.5}

  .compare-table{display:block;overflow:visible;font-size:.85rem}
  .compare-table thead{display:none}
  .compare-table tbody,.compare-table tr,.compare-table td{display:block;width:100%}
  .compare-table tr{background:#f8faff;border:1px solid #dbe3f2;border-radius:8px;padding:8px;margin:8px 0}
  .compare-table td{border:0;padding:4px 0;min-width:0}
  .compare-table td::before{display:block;font-size:.72rem;color:#5b6477;text-transform:uppercase;letter-spacing:.03em}
  .compare-table td:nth-child(1)::before{content:'Asset'}
  .compare-table td:nth-child(2)::before{content:'Strength'}
  .compare-table td:nth-child(3)::before{content:'Primary Risk'}
  .compare-table td:nth-child(4)::before{content:'Bias'}

  .side{order:3}
}