:root{
  --bg:#f5f6f8; --surface:#ffffff; --ink:#17212e; --heading:#172236;
  --body:#4B5563; --muted:#8A93A3; --border:#DDE1E6; --border-soft:#EAEDF1;
  --accent:#234896; --teal:#134A5F; --teal-hover:#1B5E77; --navy:#172236;
  --good:#1F7A4C;
  --a:#2c7a54; --b:#4b9a5f; --c:#7fae4a; --d:#c9b03c; --e:#dc9a3c; --f:#e8874a; --g:#d5563f;
}
*{box-sizing:border-box}
body{margin:0; background:var(--bg); font-family:'IBM Plex Sans',-apple-system,'Segoe UI',Helvetica,Arial,sans-serif; color:var(--ink); -webkit-font-smoothing:antialiased}
a{color:var(--teal); text-decoration:none}
a:hover{color:var(--teal-hover)}
.mono{font-family:'IBM Plex Mono',monospace}
.wrap{max-width:980px; margin:0 auto; padding:0 28px}
.eyebrow{font-family:'IBM Plex Mono',monospace; font-size:11px; font-weight:600; letter-spacing:0.14em; text-transform:uppercase; color:var(--teal)}
header{background:#fff; border-bottom:1px solid var(--border)}
.headerbar{display:flex; align-items:center; justify-content:space-between; padding:16px 0}
.brand{display:flex; align-items:center; gap:10px}
.brand .name{font-weight:700; font-size:16px; color:var(--heading)}
.brand .tag{font-size:12.5px; color:var(--muted); border-left:1px solid var(--border); padding-left:10px; margin-left:2px}
.cta-btn{display:inline-flex; align-items:center; gap:7px; padding:10px 18px; border-radius:8px; background:var(--navy); color:#fff; font-weight:600; font-size:13.5px; cursor:pointer; transition:background .15s ease}
.cta-btn:hover{background:var(--accent); color:#fff}
.breadcrumb{padding:16px 0 0; font-size:13px; color:var(--muted)}
.breadcrumb a{color:var(--muted)}
.breadcrumb a:hover{color:var(--teal)}
.breadcrumb .sep{margin:0 6px; color:#c7cdd6}
.breadcrumb .here{color:var(--body)}
.hero{padding:22px 0 8px}
.hero h1{font-size:40px; line-height:1.1; letter-spacing:-0.01em; margin:10px 0 14px; color:var(--heading); font-weight:700}
.hero .parentline{font-size:15px; color:var(--muted); margin:-6px 0 16px}
.hero .parentline a{font-weight:600; color:var(--teal)}
.hero p{font-size:16.5px; line-height:1.65; color:var(--body); max-width:70ch; margin:0 0 30px}
.labreak{margin-bottom:30px}
.labar{display:flex; height:16px; border-radius:8px; overflow:hidden; margin-bottom:12px}
.lachip-row{display:flex; gap:10px; flex-wrap:wrap}
.lachip{display:flex; align-items:center; gap:8px; border:1px solid var(--border); border-radius:20px; padding:7px 14px 7px 10px; font-size:13px; background:#fff}
.lachip .sw{width:10px; height:10px; border-radius:3px; flex-shrink:0}
.lachip b{font-family:'IBM Plex Mono',monospace; color:var(--heading)}
.statrow{display:flex; gap:44px; flex-wrap:wrap; padding:22px 0 30px; border-top:1px solid var(--border-soft); border-bottom:1px solid var(--border-soft)}
.stat .num{font-family:'IBM Plex Mono',monospace; font-size:30px; font-weight:700; color:var(--heading); line-height:1; display:block}
.stat .lbl{font-size:13px; color:var(--muted); margin-top:8px; display:block; max-width:22ch}
section{padding:44px 0}
section.divider{border-top:1px solid var(--border-soft)}
h2{font-size:21px; font-weight:700; color:var(--heading); margin:0 0 10px; letter-spacing:-0.005em}
.lede{font-size:15.5px; line-height:1.7; color:var(--body); max-width:68ch; margin:0 0 24px}
.bandbar{display:flex; height:38px; border-radius:9px; overflow:hidden; box-shadow:0 1px 0 rgba(0,0,0,0.02); margin-bottom:10px}
.bandbar div{display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; font-size:12.5px; font-family:'IBM Plex Mono',monospace}
.bandlegend{display:flex; gap:0; font-size:12px; color:var(--muted)}
.bandlegend div{flex:1; text-align:center}
.bandlegend b{color:var(--heading); font-family:'IBM Plex Mono',monospace}
.twocol{display:grid; grid-template-columns:1.15fr 0.85fr; gap:40px; align-items:start}
.movecard{border:1px solid var(--border); border-radius:14px; padding:22px 24px; background:#fff}
.movecard .pair{display:flex; align-items:baseline; gap:14px; margin-top:6px}
.movecard .pair .v{font-family:'IBM Plex Mono',monospace; font-size:26px; font-weight:700; color:var(--heading)}
.movecard .pair .arrow{color:var(--muted); font-size:18px}
.movecard .cap{font-size:13px; color:var(--muted); margin-top:10px; line-height:1.55}
.cardgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.ccard{border:1px solid var(--border); border-radius:14px; padding:20px 20px 18px; background:#fff}
.ccard .icon{width:34px; height:34px; border-radius:9px; display:flex; align-items:center; justify-content:center; margin-bottom:14px; font-size:16px}
.ccard .num{font-family:'IBM Plex Mono',monospace; font-size:24px; font-weight:700; color:var(--heading); display:block}
.ccard .lbl{font-size:13.5px; color:var(--body); margin-top:4px; line-height:1.5}
.ccard .caveat{font-size:11.5px; color:var(--muted); margin-top:10px; padding-top:10px; border-top:1px solid var(--border-soft); line-height:1.5}
.decile{display:flex; align-items:flex-end; gap:5px; height:64px; margin:18px 0 8px}
.decile div{flex:1; background:var(--teal); border-radius:3px 3px 0 0; opacity:0.85}
.decilelabels{display:flex; gap:5px; font-size:10.5px; color:var(--muted); text-align:center}
.decilelabels div{flex:1}
.wimdnote{font-size:12.5px; color:var(--muted); margin-top:6px; line-height:1.6}
.teaser{background:var(--navy); border-radius:20px; padding:38px 40px; color:#fff; display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; box-shadow:0 24px 56px -28px rgba(23,34,54,0.4)}
.teaser h3{font-size:24px; font-weight:700; margin:0 0 12px; letter-spacing:-0.01em; line-height:1.25}
.teaser p{font-size:14.5px; line-height:1.65; color:#C8D4DC; margin:0 0 22px; max-width:44ch}
.teaser .cta-btn{background:#fff; color:var(--navy)}
.teaser .cta-btn:hover{background:#e7ecf3}
.ghosttable{border-radius:12px; overflow:hidden; border:1px solid rgba(255,255,255,0.14); position:relative}
.ghostrow{display:flex; justify-content:space-between; padding:12px 16px; font-size:12.5px; border-bottom:1px solid rgba(255,255,255,0.08); font-family:'IBM Plex Mono',monospace; color:#C8D4DC}
.ghostrow span:first-child{color:#8fa3b5}
.blurmask{position:absolute; inset:0; backdrop-filter:blur(3px); background:linear-gradient(180deg, rgba(23,34,54,0) 0%, rgba(23,34,54,0.55) 55%, rgba(23,34,54,0.92) 100%); display:flex; align-items:flex-end; justify-content:center; padding-bottom:14px}
.lockpill{background:rgba(255,255,255,0.12); border:1px solid rgba(255,255,255,0.24); padding:6px 13px; border-radius:20px; font-size:11.5px; display:flex; align-items:center; gap:6px}
.navhead{display:flex; align-items:baseline; justify-content:space-between; margin-bottom:16px}
.navhead .count{font-size:13px; color:var(--muted)}
.pillgrid{display:flex; flex-wrap:wrap; gap:9px}
.pill{border:1px solid var(--border); border-radius:20px; padding:8px 15px; font-size:13.5px; color:var(--teal); background:#fff; transition:all .12s ease}
.pill:hover{background:var(--teal); color:#fff; border-color:var(--teal)}
.pill.current{background:var(--navy); color:#fff; border-color:var(--navy)}
.footnote{font-size:12.5px; color:var(--muted); margin-top:16px; line-height:1.6}
.readpointer{border:1px solid var(--border); border-radius:12px; padding:16px 20px; background:#F5F5F3; display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:14px; color:var(--body)}
.readpointer a{font-weight:600; white-space:nowrap}
.artgrid{display:grid; grid-template-columns:repeat(2,1fr); gap:18px}
.artcard{border:1px solid var(--border); border-radius:14px; padding:22px; background:#fff}
.artcard h4{font-size:16.5px; font-weight:700; color:var(--heading); margin:10px 0 8px; line-height:1.35}
.artcard p{font-size:13.5px; color:var(--body); line-height:1.6; margin:0 0 14px}
.artcard .readlink{font-size:13px; font-weight:600; color:var(--teal)}
.callout{background:#F5F5F3; border:1px solid var(--border); border-radius:12px; padding:18px 20px; font-size:14px; color:var(--body); line-height:1.65}
.callout b{color:var(--heading)}
.sourcelist{display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 4px}
.sourcelist span{border:1px solid var(--border); border-radius:20px; padding:6px 13px; font-size:12.5px; color:var(--teal); background:#fff}
footer{background:var(--navy); color:#9DB3C0; padding:40px 0 32px; margin-top:20px}
.footgrid{display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap}
.footbrand{display:flex; align-items:center; gap:9px; color:#fff; font-weight:700; font-size:15px}
.footmeta{font-size:12.5px; color:#7C8FA1; text-align:right; line-height:1.6}

.artwrap{max-width:720px; margin:0 auto; padding:0 28px}
.art-eyebrow{font-family:'IBM Plex Mono',monospace; font-size:11px; font-weight:600; letter-spacing:0.14em; text-transform:uppercase; color:var(--teal); margin-top:28px}
.art-h1{font-size:34px; line-height:1.18; letter-spacing:-0.01em; margin:12px 0 16px; color:var(--heading); font-weight:700}
.art-dek{font-size:17px; line-height:1.6; color:var(--body); margin:0 0 8px}
.art-meta{font-size:12.5px; color:var(--muted); margin:18px 0 34px; padding-bottom:24px; border-bottom:1px solid var(--border-soft)}
.art-body{font-size:16px; line-height:1.75; color:var(--ink)}
.art-body p{margin:0 0 22px}
.art-body em{font-style:italic}
.art-stat{display:flex; gap:36px; flex-wrap:wrap; background:#F5F5F3; border:1px solid var(--border); border-radius:14px; padding:24px 26px; margin:8px 0 30px}
.art-stat .s{display:block}
.art-stat .s .v{font-family:'IBM Plex Mono',monospace; font-size:28px; font-weight:700; color:var(--heading); display:block; line-height:1}
.art-stat .s .l{font-size:12.5px; color:var(--muted); margin-top:6px; display:block; max-width:24ch}
.art-table{width:100%; border-collapse:collapse; margin:8px 0 30px; font-size:14.5px}
.art-table th{text-align:left; font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:0.06em; text-transform:uppercase; color:var(--muted); font-weight:600; padding:0 12px 10px 0; border-bottom:1px solid var(--border)}
.art-table td{padding:10px 12px 10px 0; border-bottom:1px solid var(--border-soft)}
.art-table td.num{font-family:'IBM Plex Mono',monospace; text-align:right; color:var(--heading); font-weight:600}
.art-table th.num{text-align:right}
.art-table tr:last-child td{border-bottom:none}
.art-link-out{background:var(--navy); border-radius:16px; padding:26px 30px; margin:36px 0 8px; color:#fff}
.art-link-out .k{font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:0.1em; text-transform:uppercase; color:#9DB3C0; margin-bottom:10px}
.art-link-out a{color:#fff; font-weight:700; font-size:16px; margin-right:22px; white-space:nowrap}
.art-index-card{display:block; border:1px solid var(--border); border-radius:14px; padding:24px 26px; background:#fff; margin-bottom:16px; transition:box-shadow .15s ease, transform .15s ease}
.art-index-card:hover{box-shadow:0 14px 30px -18px rgba(23,34,54,0.28); transform:translateY(-1px)}
.art-index-card h3{font-size:19px; font-weight:700; color:var(--heading); margin:8px 0 8px; line-height:1.3}
.art-index-card p{font-size:14.5px; color:var(--body); line-height:1.6; margin:0}