*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f7f6f2;color:#1f1f1d;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;font-size:17px;line-height:1.65}
a{color:#534ab7;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}
.wrap{max-width:1040px;margin:0 auto;padding:0 16px}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.top{background:#fff;border-bottom:1px solid #dedcd3;position:sticky;top:0;z-index:5}.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:58px}
.logo{font-size:24px;font-weight:800;letter-spacing:-.5px;color:#1f1f1d}.logo span{color:#534ab7}.logo:hover{text-decoration:none}
nav{display:flex;gap:18px;font-size:15px;overflow-x:auto;white-space:nowrap}nav a{color:#444441}
main{padding:20px 0 40px}h1{font-size:30px;font-weight:800;line-height:1.25;margin:0 0 8px}h2{font-size:20px;font-weight:700;margin:32px 0 12px}h3{margin:0}
.tagline{color:#6b6a64;margin:0 0 18px;font-size:16px}.dim{color:#6b6a64;font-size:14px}.more{margin:12px 0 0;font-size:15px}ul.plain{list-style:none;padding:0;margin:0}ul.plain li{padding:6px 0;border-bottom:1px solid #eeede8}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.card{background:#fff;border:1px solid #dedcd3;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.card-media{display:block;aspect-ratio:16/9;background:#e8e6df;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover}
.card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px}.card-title{font-size:18px;font-weight:700;line-height:1.3;color:#1f1f1d}
.card-sub{margin:0;color:#444441;font-size:15px}.card-meta{font-size:13px;color:#6b6a64;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.card.big{grid-column:1/-1;flex-direction:row}.card.big .card-media{flex:0 0 56%;aspect-ratio:auto;min-height:280px}.card.big .card-title{font-size:26px}.card.big .card-body{padding:22px 24px;justify-content:center}
@media(max-width:700px){.card.big{flex-direction:column}.card.big .card-media{aspect-ratio:16/9;min-height:0}.card.big .card-title{font-size:22px}}
.kicker{font-size:12px;font-weight:700;color:#534ab7;letter-spacing:.3px}
.avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;display:inline-block;vertical-align:middle}.avatar-lg{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:0 0 96px}
.avatar-ph{display:inline-flex;align-items:center;justify-content:center;background:#cfcdf3;color:#3c3489;font-weight:700;border-radius:50%}
.profile{display:flex;gap:18px;align-items:center;margin:8px 0 18px}.profile h1{margin-bottom:2px}
.chips{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:8px 0;list-style:none}.chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #dedcd3;border-radius:999px;padding:4px 12px 4px 6px;font-size:14px;color:#1f1f1d}.chip:hover{text-decoration:none;border-color:#534ab7}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:700px){.two-col{grid-template-columns:1fr}}
.rank{width:100%;border-collapse:collapse;background:#fff;border:1px solid #dedcd3;border-radius:14px;overflow:hidden;font-size:15px}
.rank th,.rank td{padding:9px 12px;border-bottom:1px solid #eeede8;text-align:start;vertical-align:middle}.rank th{background:#f1efe8;font-weight:600;color:#444441;font-size:13px}
.rank td.num{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}.rank tr:last-child td{border-bottom:0}.rank td.ch{display:flex;align-items:center;gap:8px}
.story{background:#fff;border:1px solid #dedcd3;border-radius:14px;padding:24px 26px;min-width:0}.story h1{font-size:32px}@media(max-width:700px){.story{padding:18px 16px}.story h1{font-size:26px}}
.story-meta{display:flex;align-items:center;gap:12px;color:#6b6a64;font-size:14px;margin:10px 0 18px;flex-wrap:wrap}
.hero{display:block;border-radius:12px;overflow:hidden;margin:0 0 18px;position:relative;aspect-ratio:16/9;background:#e8e6df}.hero img{width:100%;height:100%;object-fit:cover}
.hero-title{position:absolute;inset-inline:0;bottom:0;padding:10px 14px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;font-size:14px}
.story-page{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}@media(max-width:900px){.story-page{grid-template-columns:1fr}}
.side h2{font-size:17px;margin:0 0 10px}.side>ul{list-style:none;padding:0;margin:0 0 24px}.side>ul>li{padding:8px 0;border-bottom:1px solid #eeede8;font-size:15px}
.crumbs{font-size:13px;color:#6b6a64;margin-bottom:10px}
.report{margin-top:22px;border-top:1px solid #dedcd3;padding-top:14px}
.btn{background:#534ab7;color:#fff;border:0;border-radius:8px;padding:8px 16px;font:inherit;font-size:15px;cursor:pointer}.btn-light{background:#fff;color:#1f1f1d;border:1px solid #dedcd3;border-radius:8px;padding:6px 14px;font:inherit;font-size:14px;cursor:pointer}
.report-form{margin-top:12px;display:grid;gap:10px;max-width:520px}.report-form label{display:block;font-size:14px;color:#444441}
.report-form textarea,.report-form input[type=email]{width:100%;font:inherit;padding:8px 10px;border:1px solid #dedcd3;border-radius:8px;margin-top:4px}
.report-form .reasons label{display:flex;gap:8px;align-items:center;font-size:15px;color:#1f1f1d;padding:3px 0}.report-fields{display:grid;gap:10px}.report-msg{font-size:15px;margin:0}
.trend{background:#fff;border:1px solid #dedcd3;border-radius:14px;padding:16px 18px;margin-top:18px}.trend h2{margin:0 0 8px;font-size:17px}.trend svg{width:100%;height:auto;display:block}
footer{border-top:1px solid #dedcd3;padding:20px 16px 30px;color:#6b6a64;font-size:14px;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.days{list-style:none;padding:0;margin:0}.days li{padding:10px 0;border-bottom:1px solid #eeede8}
[hidden]{display:none !important}
article p { margin: 0 0 12px; }
.lead { font-size: 18px; color: #444441; margin-bottom: 14px; }
.numbers { background: #f7f6f2; border-radius: 12px; padding: 16px 18px; margin-top: 18px; }
.numbers-intro { color: #444441; margin-bottom: 12px; }
.chart { margin: 10px 0 14px; }
.chart-title { font-size: 14px; color: #6b6a64; margin-bottom: 6px; }
.bar-row { display: flex; align-items: center; gap: 10px; margin: 5px 0; }
.bar-label { flex: 0 0 150px; font-size: 14px; color: #444441; }
.bar-track { flex: 1 1 auto; background: #e8e6df; border-radius: 6px; height: 18px; overflow: hidden; }
.bar { height: 100%; border-radius: 6px; }
.b-typical { background: #b4b2a9; } .b-now { background: #534ab7; } .b-peer { background: #cfcdf3; } .b-me { background: #534ab7; }
.bar-value { flex: 0 0 110px; font-size: 14px; font-variant-numeric: tabular-nums; text-align: end; }
.tiles { display: flex; flex-wrap: wrap; gap: 10px; margin: 8px 0 14px; }
.tile { flex: 1 1 140px; background: #fff; border: 1px solid #dedcd3; border-radius: 10px; padding: 10px 12px; }
.tile-label { font-size: 13px; color: #6b6a64; }
.tile-value { font-size: 22px; font-weight: 600; font-variant-numeric: tabular-nums; }
.tile-sub { font-size: 13px; color: #444441; }
.up { color: #0f6e56; } .down { color: #a32d2d; }
.source { font-size: 12px; color: #8a8981; margin-top: 6px; }
.story p{margin:0 0 12px}.numbers h4{font-size:17px;font-weight:600;margin:0 0 8px}
