body{min-height:100dvh}
.ph{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) clamp(var(--space-4),4vw,var(--space-10));max-width:900px;margin:0 auto}
.logo{font-family:var(--font-display);font-weight:800;font-size:1.35rem;color:var(--text);text-decoration:none;letter-spacing:-.01em}
.logo span{color:var(--primary)}
.pw{max-width:900px;margin:0 auto;padding:0 clamp(var(--space-4),4vw,var(--space-10)) var(--space-12)}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow)}
h1{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.1}
h2{font-family:var(--font-display);font-size:var(--text-lg)}
h3{font-size:var(--text-base)}
.mt2{margin-top:var(--space-2)}.mt3{margin-top:var(--space-3)}.mt4{margin-top:var(--space-4)}.mt5{margin-top:var(--space-5)}
.muted{color:var(--muted)}.xs{font-size:var(--text-xs)}.small{font-size:var(--text-sm)}
.eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.hero-p{background:var(--text);color:#fff;border-radius:var(--radius-xl);padding:clamp(var(--space-6),4vw,var(--space-10))}
.hero-p h1{color:#fff;margin-top:var(--space-2)}
.hero-p .sub{color:#C9CEDC;margin-top:var(--space-2);font-size:var(--text-sm)}
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);margin-top:var(--space-6)}
.stats div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-md);padding:var(--space-4)}
.stats b{display:block;font-family:var(--font-display);font-size:var(--text-xl);line-height:1;color:var(--hl)}
.stats span{display:block;font-size:var(--text-xs);color:#C9CEDC;margin-top:6px}
.bars{display:grid;grid-template-columns:repeat(14,1fr);gap:6px;align-items:end;height:160px}
.bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}
.bar i{display:block;width:100%;border-radius:6px 6px 2px 2px;background:var(--primary);min-height:3px}
.bar i.zero{background:var(--surface-3)}
.bar span{font-size:11px;color:var(--muted)}
.bar em{font-style:normal;font-size:11px;font-weight:700;color:var(--text)}
.topics{list-style:none;display:grid;gap:var(--space-2)}
.topics li{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--border)}
.topics li:last-child{border-bottom:0}
.topics .meter{grid-column:1/-1;height:6px;border-radius:99px;background:var(--surface-3);overflow:hidden}
.topics .meter i{display:block;height:100%;background:var(--ok)}
.row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font-size:var(--text-xs);font-weight:700;background:var(--surface-2)}
.chip.blue{background:var(--primary-soft);color:var(--primary)}
@media (max-width:700px){.stats{grid-template-columns:repeat(2,1fr)}.stats div:last-child{grid-column:1/-1}.bars{gap:3px;height:130px}.bar span{font-size:9px}}
.prose ul{margin:var(--space-2) 0 0 1.2em;display:grid;gap:var(--space-2)}
.prose p,.prose li{font-size:var(--text-sm);line-height:1.6}
.prose a{color:var(--primary)}
.btn-danger{background:var(--bad-soft);color:var(--bad)}.btn-danger:hover{background:#F2CDBE}