/* CivicDataForge site look (2026-11-10): every page wears the homepage's top bar, fonts and colours
   (assets/home/home.css) top bar and fonts. Pages keep their own wording, layout and colours. */
@font-face{font-family:"Inter";src:url("/assets/fonts/inter-latin-wght.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url("/assets/fonts/bricolage-grotesque-latin-wght.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}

.cdf-top{display:block;position:static;min-height:0;border:0;margin:0;padding:0;background:#6B1F7A;color:#FFFBEA;font:15px/1.4 "Inter","Segoe UI",system-ui,sans-serif}
.cdf-top .cdf-wrap{max-width:1240px;margin:0 auto;padding:10px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 24px}
.cdf-top .cdf-brand{font-family:"Bricolage Grotesque","Inter",system-ui,sans-serif;font-weight:800;font-size:1.15rem;color:#FFFBEA;text-decoration:none;display:flex;align-items:center;gap:10px;min-height:44px}
.cdf-top .cdf-brand img{border-radius:7px;display:block}
.cdf-top .cdf-nav{display:flex;flex-wrap:wrap;gap:0 20px;font-size:.95rem}
.cdf-top .cdf-nav a{color:#FFFBEA;text-decoration:none;border-bottom:2px solid transparent;min-height:44px;display:inline-flex;align-items:center}
.cdf-top .cdf-nav a:hover{border-bottom-color:#FFFBEA}
@media (prefers-color-scheme:dark){.cdf-top{background:#FFD84D;color:#16101A}.cdf-top .cdf-brand,.cdf-top .cdf-nav a{color:#16101A}.cdf-top .cdf-nav a:hover{border-bottom-color:#16101A}}

body.cdf-look{font-family:"Inter","Segoe UI",system-ui,sans-serif}
body.cdf-look h1,body.cdf-look h2,body.cdf-look h3{font-family:"Bricolage Grotesque","Inter",system-ui,sans-serif}

/* Colour remap removed 2026-11-10 after the second check: pages with colours written into their markup became unreadable
   (dark text on dark panels, dark labels on purple buttons). Each page keeps its own colours until it is redone by hand. */
@media (max-width:480px){.cdf-top .cdf-nav{gap:0 14px;font-size:.88rem}.cdf-top .cdf-brand{font-size:1.05rem}}
/* pages whose body is a centring grid (404): the bar still spans the full width at the top */
body>.cdf-top{justify-self:stretch;align-self:start;width:100%;box-sizing:border-box}