:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18372e;background:#f5f7f3;--green:#244e40;--muted:#65736b;--border:#dde4dc;--accent:#d0ef94}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--green)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #4f9379;outline-offset:3px}.header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;background:#fff;border-bottom:1px solid var(--border);position:relative;z-index:500}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:36px;height:36px;border-radius:10px;background:var(--green);color:var(--accent);font-size:26px;text-align:center;line-height:36px}.brand strong{font-size:14px;letter-spacing:2px;display:block}.brand span:not(.brand-mark){display:block;font-size:12px;margin-top:4px;color:var(--muted)}nav{display:flex;align-items:center;gap:24px}nav a{font-size:13px;text-decoration:none}.quiet{border:0;background:none;color:var(--green);font-size:12px;padding:8px 0;text-decoration:underline;text-underline-offset:3px}main{display:flex;height:calc(100dvh - 76px)}.sidebar{width:344px;flex-shrink:0;padding:26px 22px 18px;background:#fff;overflow:auto;border-right:1px solid var(--border)}.eyebrow{font-size:9px;font-weight:750;letter-spacing:1.4px;color:var(--muted)}h1{font-size:30px;font-weight:600;line-height:1.13;letter-spacing:-1.1px;margin:13px 0 10px}.intro p{font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 24px}.filters label{font-size:11px;font-weight:650;display:block;margin-bottom:7px}.filters select{width:100%;height:39px;background:#f7f9f5;border:1px solid var(--border);border-radius:7px;padding:0 10px;color:#243e34;font-size:12px}.year-row{display:flex;align-items:end;gap:10px;margin:14px 0}.year-row>div{flex:1}.year-row>span{padding-bottom:11px;color:#96a197}.stats{display:flex;gap:10px;padding:21px 0;border-bottom:1px solid var(--border)}.stats>div{flex:1}.stats strong{display:block;font-size:28px;font-weight:600;letter-spacing:-1px}.stats span{font-size:10px;color:var(--muted);display:block;margin-top:4px}.ranking-heading{display:flex;justify-content:space-between;align-items:center;margin:16px 0 0}h2{font-size:14px;font-weight:650;margin:0}.ranking-note{font-size:10px;line-height:1.6;color:var(--muted);margin:2px 0 12px}.ranking{list-style:none;padding:0;margin:0}.corner-row{display:flex;align-items:center;width:100%;border:0;border-top:1px solid #edf0ea;background:white;padding:12px 0;text-align:left;color:#18372e;gap:10px}.corner-row:hover,.corner-row.selected{background:#f0f5eb}.rank{font-size:10px;color:#7e8c81;width:20px;text-align:center}.corner-name{flex:1}.corner-name strong{display:block;font-size:12px;font-weight:600}.corner-name small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.count-pill{min-width:36px;padding:6px;background:#eff4e7;color:#274b3b;font-size:14px;text-align:center;border-radius:6px;font-weight:700}.source-note{border-top:1px solid var(--border);margin-top:16px;padding-top:16px;font-size:10px;line-height:1.8;color:var(--muted)}.map-shell{position:relative;flex:1;min-width:0;background:#e7eddf}#map{height:100%;width:100%}.map-caption{position:absolute;top:18px;left:18px;z-index:450;background:#fffffff2;box-shadow:0 2px 12px #182c2512;border:1px solid #e3e8df;border-radius:9px;padding:11px 14px;display:flex;gap:8px;align-items:center;font-size:11px;pointer-events:none}.map-caption>span:last-child{color:var(--muted);border-left:1px solid var(--border);padding-left:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:#457b58}.legend{position:absolute;right:16px;bottom:30px;z-index:450;background:#fffffff2;border-radius:8px;padding:10px 12px;display:flex;gap:5px;align-items:center;font-size:10px;color:#57675d}.legend i{width:15px;height:8px;border-radius:2px}.low{background:#81a97b}.mid{background:#d29841}.high{background:#ab442f}.legend span:first-child{margin-right:3px}.legend span:last-child{margin-left:3px}.leaflet-top.leaflet-right{top:16px}.leaflet-control-zoom{border:1px solid #d5dfd2!important;box-shadow:0 2px 8px #233d3315!important}.number-marker{border-radius:50%;border:2px solid white;color:white;display:flex;align-items:center;justify-content:center;font-weight:750;font-family:inherit;box-shadow:0 2px 6px #182c2540;font-variant-numeric:tabular-nums}.number-marker.active{outline:3px solid #2d667e;outline-offset:3px}.status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:500;background:white;box-shadow:0 6px 30px #243e3420;border-radius:12px;padding:20px;font-size:13px;text-align:center;max-width:360px}.status[hidden]{display:none}.selection{position:absolute;left:18px;bottom:28px;z-index:450;background:#fff;box-shadow:0 4px 20px #18372e20;border-radius:10px;padding:18px;width:286px;max-width:calc(100% - 36px);border:1px solid var(--border)}.selection h2{font-size:16px;margin-bottom:6px;padding-right:15px}.selection p{font-size:11px;line-height:1.6;color:var(--muted);margin:5px 0}.selection .selected-total{font-size:32px;color:#244e40;line-height:1;font-weight:650;margin:17px 0 5px}.selection dl{display:grid;grid-template-columns:1fr auto;font-size:11px;gap:9px;margin:16px 0}.selection dd{margin:0;font-weight:650}.selection dt{color:var(--muted)}.selection a{font-size:11px}.close-selection{position:absolute;right:10px;top:9px;border:0;background:none;font-size:21px;color:var(--muted)}dialog{border:1px solid var(--border);border-radius:14px;padding:26px;max-width:580px;width:calc(100% - 30px);max-height:85dvh;color:#243e34}dialog::backdrop{background:#132c2470;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{font-size:21px}.dialog-heading button{border:0;background:none;font-size:26px;color:var(--muted)}dialog p,dialog li{font-size:13px;line-height:1.7}dialog ul{padding-left:20px}dialog li{margin-bottom:9px}dialog details{border-top:1px solid var(--border);padding-top:15px;font-size:12px}summary{cursor:pointer;font-weight:650}.empty{font-size:12px;line-height:1.7;color:var(--muted);padding:20px 0}.more-button{width:100%;margin:12px 0;background:#f0f5eb;border:1px solid var(--border);border-radius:6px;padding:10px;color:var(--green)}
@media(max-width:760px){.header{height:62px;padding:0 14px}.brand strong{font-size:11px}.brand-mark{width:30px;height:30px;line-height:30px;font-size:23px}.brand{gap:8px}nav{gap:12px}nav a,.quiet{font-size:10px}main{height:calc(100dvh - 62px);flex-direction:column-reverse}.map-shell{flex:none;height:53%;min-height:230px}.sidebar{width:100%;height:47%;padding:17px 18px;border-right:0;border-top:1px solid var(--border)}.intro{display:none}.filters{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.filters>label{grid-column:1}.filters>select{grid-column:1}.year-row{display:grid;grid-column:2;grid-row:1/5;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto 39px;align-self:start;align-items:stretch;gap:7px 8px;margin:0;min-width:0}.year-row>div{display:contents}.year-row label{grid-row:1;margin:0}.year-row select{grid-row:2;min-width:0;padding:0 6px}.year-row>div:first-child>label,.year-row>div:first-child>select{grid-column:1}.year-row>div:last-child>label,.year-row>div:last-child>select{grid-column:3}.year-row>span{grid-column:2;grid-row:2;align-self:center;padding:0}.filters>label[for=vehicle]{margin-top:10px}.stats{padding:14px 0}.stats strong{font-size:24px}.map-caption{left:10px;top:10px;padding:9px;font-size:10px}.map-caption>span:last-child{display:none}.leaflet-top.leaflet-right{top:8px}.selection{left:10px;bottom:24px;width:240px;padding:13px}.selection .selected-total{font-size:25px;margin:9px 0}.selection dl{margin:10px 0;gap:5px}.selection p{font-size:10px}.legend{right:8px;bottom:21px;padding:7px}.source-note{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.share-button{display:block;width:100%;padding:10px 12px;border:0;border-radius:7px;background:#244e40;color:#fff;font-size:12px;font-weight:600;margin-top:12px}.share-url{width:100%;padding:8px;margin-top:8px;border:1px solid var(--border);border-radius:5px;font-size:11px}.selection{max-height:calc(100% - 90px);overflow:auto}#link-notice{color:#9a512e}
/* Give the year fields their own row where native select arrows crowd the year. */
@media(max-width:360px){.filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.filters>label[for=road]{grid-column:1;grid-row:1}.filters>#road{grid-column:1;grid-row:2}.filters>label[for=vehicle]{grid-column:2;grid-row:1;margin-top:0}.filters>#vehicle{grid-column:2;grid-row:2}.year-row{grid-column:1/-1;grid-row:3;margin-top:12px}}
.coverage-control{padding:12px 0;border-bottom:1px solid var(--border)}.coverage-control p{font-size:11px;line-height:1.6;margin:0 0 8px;color:var(--muted)}.coverage-control label{display:flex;align-items:flex-start;gap:7px;font-size:12px;line-height:1.5;cursor:pointer}.coverage-control input{accent-color:#245e7a;margin:3px 0 0;flex-shrink:0}.coverage-control input:focus-visible{outline:3px solid #4f9379;outline-offset:3px}.coverage-control #unassigned-help{margin:7px 0 0;font-size:10px}.unassigned-marker{display:flex;align-items:center;justify-content:center;background:transparent;border:0}.unassigned-marker span{width:12px;height:12px;border:2px solid #245e7a;border-radius:50%;background:#ffffffd9;box-shadow:0 0 0 1px #fff}.unassigned-marker:focus-visible{outline:3px solid #245e7a;outline-offset:2px;border-radius:50%}.unassigned-popup{font-size:12px;line-height:1.5}.unassigned-popup p{margin:8px 0}
