/* About — uses the shared tokens; only the shapes this page needs live here. */
.ab-lede{max-width:70ch;margin:0 0 22px;font:400 11.5px/1.9 var(--font-mono);color:var(--body)}

/* by the numbers */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair)}
.stat{display:flex;flex-direction:column;gap:6px;padding:22px 20px;background:var(--pg)}
.stat b{font:900 clamp(30px,4vw,44px)/0.95 var(--font-display);color:var(--red-500);letter-spacing:-.02em}
[data-mode="dark"] .stat b{color:var(--gold-400)}
.stat span{font:500 10px/1.6 var(--font-mono);letter-spacing:.06em;color:var(--mut)}

/* budget split */
.splits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.split{display:flex;flex-direction:column;gap:5px;padding:22px 22px 24px;border-top:4px solid var(--line)}
.split-share{font:900 clamp(34px,4.4vw,50px)/0.9 var(--font-display);letter-spacing:-.03em}
.split-amount{font:600 10px/1.5 var(--font-mono);letter-spacing:.12em;color:var(--mut)}
.split-title{margin-top:8px;font:800 17px/1.2 var(--font-display);text-transform:uppercase;color:var(--ink)}
.split-body{font:400 10.5px/1.7 var(--font-mono);color:var(--body)}
.split--olive{border-top-color:var(--olive-600);background:var(--pg-alt)}
.split--olive .split-share{color:var(--olive-600)}
[data-mode="dark"] .split--olive .split-share{color:var(--olive-300)}
.split--gold{border-top-color:var(--gold-400);background:var(--pg-alt)}
.split--gold .split-share{color:var(--gold-400)}
.split--navy{border-top-color:var(--navy-600);background:var(--pg-alt)}
.split--navy .split-share{color:var(--navy-600)}
[data-mode="dark"] .split--navy .split-share{color:var(--navy-300)}

/* priorities */
.prio{margin:0;padding:0;list-style:none;counter-reset:p;border-bottom:1px solid var(--hair)}
.prio li{counter-increment:p;display:grid;grid-template-columns:44px 1fr;gap:14px;padding:14px 0;border-top:1px solid var(--hair);font:400 11.5px/1.8 var(--font-mono);color:var(--body)}
.prio li::before{content:counter(p,decimal-leading-zero);font:700 11px/1.8 var(--font-mono);letter-spacing:.1em;color:var(--red-500)}
[data-mode="dark"] .prio li::before{color:var(--gold-400)}

/* staff */
.people{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair)}
.person{display:flex;flex-direction:column;gap:4px;padding:17px 20px;background:var(--pg)}
.person b{font:800 15px/1.2 var(--font-display);text-transform:uppercase;color:var(--ink)}
.person span{font:400 10px/1.6 var(--font-mono);color:var(--mut)}

/* board */
.board{list-style:none;margin:0;padding:0;border-bottom:2px solid var(--ink)}
.board li{display:grid;grid-template-columns:130px 1fr 1fr;gap:18px;align-items:baseline;padding:13px 0;border-top:1px solid var(--hair)}
.board li:first-child{border-top:2px solid var(--ink)}
.bd-office{font:700 9.5px/1.6 var(--font-mono);letter-spacing:.12em;color:var(--red-500)}
[data-mode="dark"] .bd-office{color:var(--gold-400)}
.bd-name{font:800 clamp(15px,1.7vw,18px)/1.3 var(--font-display);text-transform:uppercase;color:var(--ink)}
.bd-aff{font:400 10.5px/1.6 var(--font-mono);color:var(--mut)}
.bd-seat{display:inline-block;width:7px;height:7px;margin-left:7px;vertical-align:middle;border-radius:50%}
.bd-seat--property{background:var(--olive-600)}
.bd-seat--business{background:var(--gold-400)}
.bd-seat--council{background:var(--navy-600)}
[data-mode="dark"] .bd-seat--council{background:var(--navy-300)}
.bd-legend{margin:12px 0 0}

/* contact */
.contact{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.contact-block{display:flex;flex-direction:column;gap:4px;padding:18px 20px;background:var(--card);border:1px solid var(--card-line);font:400 11px/1.7 var(--font-mono);color:var(--body)}
.contact-label{font:700 9px/1.4 var(--font-mono);letter-spacing:.16em;color:var(--mut);margin-bottom:3px}
.contact-block a{color:var(--link)}
.contact-block a:hover{color:var(--hot)}

@media (max-width:1000px){
 .stats{grid-template-columns:1fr 1fr}
 .splits,.people,.contact{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
 .stats,.splits,.people,.contact{grid-template-columns:1fr}
 .board li{grid-template-columns:1fr;gap:2px}
 .prio li{grid-template-columns:30px 1fr;gap:10px}
}