.page-head{max-width:72ch;}
.page-head h1{font-size:clamp(24px,3.2vw,32px);margin-top:8px;}
.page-head p{color:var(--ink-soft);margin-top:10px;font-size:15px;}

/* national summary */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:32px;}
.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px 20px;position:relative;overflow:hidden;}
.stat-tile::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tint,var(--ink-faint));}
.stat-tile b{display:block;font-family:var(--font-display);font-size:26px;font-variant-numeric:tabular-nums;color:var(--ink);}
.stat-tile span{font-size:12px;color:var(--ink-soft);}
.stat-tile.t-total{--tint:var(--primary-soft);}
.stat-tile.t-ok{--tint:var(--success);}
.stat-tile.t-warn{--tint:var(--warning);}
.stat-tile.t-neutral{--tint:var(--neutral-chart);}

.legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;}
.legend-item{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--ink-soft);}
.legend-item .sw{width:10px;height:10px;border-radius:3px;flex-shrink:0;}

.stackbar{display:flex;gap:2px;height:30px;border-radius:8px;overflow:hidden;margin-top:12px;}
.stackbar .seg{height:100%;}
.stackbar-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--ink-soft);font-variant-numeric:tabular-nums;}

/* category cards */
.cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px;}
@media (max-width:820px){ .cat-grid{grid-template-columns:1fr;} }
.cat-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px 26px;}
.cat-head{display:flex;gap:14px;align-items:flex-start;}
.cat-head .icon{width:44px;height:44px;border-radius:12px;background:var(--primary-wash);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.cat-head .icon svg{width:22px;height:22px;}
.cat-head h2{font-size:18px;}
.cat-head .total{font-family:var(--font-mono);font-size:12px;color:var(--ink-faint);margin-top:3px;font-variant-numeric:tabular-nums;}
.cat-desc{font-size:13.5px;color:var(--ink-soft);margin-top:12px;}

.sub-list{margin-top:24px;display:flex;flex-direction:column;gap:16px;}
.sub-row .top{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;}
.sub-row .top .nm{font-weight:600;color:var(--ink);}
.sub-row .top .pct{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:12.5px;}
.sub-bar{display:flex;gap:1.5px;height:14px;border-radius:5px;overflow:hidden;margin-top:6px;}
.sub-bar .seg{height:100%;}
.sub-row .count{font-size:11.5px;color:var(--ink-faint);margin-top:4px;font-variant-numeric:tabular-nums;}