:root{
  --concrete:#eceee9; --paper:#f7f8f5; --ink:#17201b; --muted:#56605a;
  --sign:#0a5c3e; --sign-ink:#ffffff; --amber:#f2a900; --amber-ink:#4a3400;
  --cone:#9aa39d; --line:#cdd2cc; --link:#0a5c3e;
  --f-sign:"Overpass", "Highway Gothic", system-ui, sans-serif;
  --f-body:"Public Sans", system-ui, -apple-system, sans-serif;
}
@media (prefers-color-scheme: dark){
  :root{--concrete:#1c211e; --paper:#232a26; --ink:#e7ebe7; --muted:#a6b0aa; --line:#38413c; --link:#7fd1a8; --cone:#6f7872}
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--concrete);color:var(--ink);font:400 17px/1.6 var(--f-body)}
a{color:var(--link);text-underline-offset:2px}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--paper);padding:8px;z-index:9}
h1,h2,h3{font-family:var(--f-sign);line-height:1.15;letter-spacing:-.01em}
h1{font-size:clamp(1.9rem,5vw,2.8rem);font-weight:800;margin:.2em 0 .4em}
h2{font-size:1.5rem;font-weight:800;margin:2em 0 .5em}
h3{font-size:1.05rem;font-weight:600;margin:0;display:inline}
p{max-width:68ch}
.top{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--sign);color:var(--sign-ink)}
.top a{color:var(--sign-ink);text-decoration:none}
.mark{font:800 1.1rem var(--f-sign);display:flex;align-items:center;gap:8px}
.sign-mini{display:inline-grid;place-items:center;width:28px;height:28px;border:2px solid #fff;border-radius:6px}
.top nav{display:flex;flex-wrap:wrap;gap:4px 16px;font:600 .95rem var(--f-sign)}
.top nav a:hover{text-decoration:underline}
main{max-width:1060px;margin:0 auto;padding:16px 16px 48px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:8px 0 0;font-size:.9rem;color:var(--muted)}
.crumbs li+li::before{content:"/";margin-right:6px;color:var(--cone)}
/* the sign: the one loud thing on the page */
.hero{margin:12px 0 20px}
.sign{background:var(--sign);color:var(--sign-ink);border-radius:14px;padding:6px;box-shadow:0 2px 0 #06402b}
.sign>*{margin:0}
.sign{display:block}
.sign h1{border:3px solid #fff;border-bottom:0;border-radius:10px 10px 0 0;padding:22px 22px 6px;margin:0;font-size:clamp(2rem,6.4vw,3.6rem);color:#fff}
.sign .sign-sub{border:3px solid #fff;border-top:0;border-radius:0 0 10px 10px;padding:4px 22px 20px;font:600 clamp(1.05rem,2.6vw,1.4rem) var(--f-sign);max-width:none}
.lede{font-size:1.12rem;color:var(--ink)}
.mapwrap{margin:8px 0 8px}
.legend{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:0 0 10px;font-size:.95rem}
.lg::before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.lg.live::before{background:var(--amber);box-shadow:0 0 0 2px var(--ink)}
.lg.build::before{background:var(--cone);box-shadow:0 0 0 2px var(--paper)}
.map{height:320px;border-radius:10px;border:1px solid var(--line);background:#dfe3dd;z-index:0}
.map.tall{height:min(68vh,560px)}
.nearmsg{min-height:1.4em;color:var(--muted);font-size:.95rem}
.btn{display:inline-block;font:600 .95rem var(--f-sign);background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:8px;padding:6px 12px;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--amber);color:#1d1600}
.cols{display:grid;gap:8px 40px;grid-template-columns:1fr}
@media(min-width:760px){.cols{grid-template-columns:1.2fr 1fr;align-items:end}}
.rules{padding-left:1.1em}.rules li{margin:.3em 0}
table.fines{border-collapse:collapse;width:100%;max-width:440px;background:var(--paper);border:2px solid var(--ink);border-radius:8px;overflow:hidden;margin:12px 0}
.fines caption{text-align:left;font:600 .95rem var(--f-sign);padding:0 0 6px;color:var(--muted)}
.fines th,.fines td{padding:9px 14px;border-top:1px solid var(--line);text-align:left}
.fines thead th{border-top:0;font:600 .85rem var(--f-sign);color:var(--muted)}
.fines td{font:800 1.15rem var(--f-sign);text-align:right}
.tally{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:1rem}
.tally b{font:800 1.6rem var(--f-sign);margin-right:6px}
.t-live b{color:var(--ink);background:var(--amber);color:#1d1600;padding:0 8px;border-radius:6px}
.camlist{list-style:none;padding:0;margin:12px 0;border-top:1px solid var(--line)}
.camlist li{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:10px 2px}
.camlist li[hidden]{display:none}
.camlist a{text-decoration:none;color:var(--ink);display:flex;flex-direction:column;min-width:0}
.camlist a:hover .cl-name{text-decoration:underline}
.cl-name{font-weight:600}
.cl-meta{font-size:.9rem;color:var(--muted)}
.badge{flex:none;font:600 .8rem var(--f-sign);padding:3px 9px;border-radius:999px;white-space:nowrap}
.badge.live{background:var(--amber);color:#1d1600}
.badge.build{border:1.5px dashed var(--cone);color:var(--muted)}
.filter-label{display:block;font-weight:600;margin-bottom:4px}
.filter{width:100%;max-width:520px;font:inherit;padding:10px 12px;border:2px solid var(--ink);border-radius:8px;background:var(--paper);color:var(--ink)}
.faq details{border-bottom:1px solid var(--line);padding:12px 0}
.faq summary{cursor:pointer;list-style-position:outside}
.faq details p{margin:.5em 0 0}
.index{columns:2 220px;padding-left:1.1em}.index li{margin:.25em 0;break-inside:avoid}
.cnt{color:var(--muted);font-size:.9rem}
.cam-head .kicker{margin:16px 0 0}
.where{color:var(--muted);margin-top:0}
.cam-grid{display:grid;gap:16px;grid-template-columns:1fr;margin:8px 0 16px}
@media(min-width:760px){.cam-grid{grid-template-columns:260px 1fr}}
.facts{margin:0;display:flex;flex-direction:column;gap:10px}
.facts dt{font-size:.85rem;color:var(--muted)}.facts dd{margin:0;font-weight:600}
.limit-sign{width:150px;background:#fff;color:#111;border:3px solid #111;outline:4px solid #fff;border-radius:10px;text-align:center;padding:10px 6px 4px;font-family:var(--f-sign);box-shadow:0 0 0 5px var(--line)}
.limit-sign span{display:block;font:800 1.05rem/1.05 var(--f-sign);text-transform:uppercase;letter-spacing:.02em}
.limit-sign b{display:block;font:800 4.4rem/1 var(--f-sign)}
.foot{border-top:1px solid var(--line);padding:20px 16px 36px;max-width:1060px;margin:0 auto;font-size:.9rem;color:var(--muted)}
.foot a{margin-right:14px}
.maplibregl-popup-content{font:400 14px/1.4 var(--f-body)}
.maplibregl-popup-content a{font-weight:600}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;transition:none!important}}
.maplibregl-popup-content{color:#17201b;padding:10px 14px}
.maplibregl-popup-content a{color:#0a5c3e}
.mapkey{font-size:.92rem;color:var(--muted);margin:8px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.mapkey span{font:800 .95rem var(--f-sign);padding:2px 7px;border-radius:4px}
.k-lim{background:#fff;color:#111;border:2px solid #111}
.k-tix{background:#c8102e;color:#fff;border:2px solid #c8102e;margin-left:8px}
.maplibregl-popup-content .tix{color:#c8102e}
.k-hint{font-style:normal;flex-basis:100%}
.k-hint[hidden]{display:none}
.money{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0;max-width:680px}
.money div{background:var(--paper);border:2px solid var(--ink);border-radius:10px;padding:12px 14px}
.money b{display:block;font:800 1.9rem/1.1 var(--f-sign)}
.money span{font-size:.9rem;color:var(--muted)}
ol.rules li{margin:.5em 0}