/* Generated October 14, 2026 from the municipality styles in muni.html, scoped to #mdetail on find.html. Regenerate if muni.html styles change. */
/* Municipality page (approved mockup, October 12, 2026): answer first, actions, focused map, then the evidence in one scroll. */
#mdetail{--gold:#F2B632;--full:#1F4D3A;--part:#3F8468;--none-c:#9DA8A2;--hl:#FFF5DB;--mapbg:#E9F1EC;--nbfill:#CDD6D0;--pick:#2E6B52}
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]) #mdetail{--hl:#2A2A1A;--mapbg:#16261E;--nbfill:#2C4A3C;--none-c:#6F7A74}}
:root[data-theme="dark"] #mdetail{--hl:#2A2A1A;--mapbg:#16261E;--nbfill:#2C4A3C;--none-c:#6F7A74}
#mdetail .mwrap{max-width:1320px;margin:0 auto;padding:24px 20px 40px;display:flex;flex-direction:column;gap:22px;width:100%}
#mdetail .mhead{display:flex;flex-direction:column;gap:12px}
#mdetail .mhead h1{font-size:clamp(32px,4.4vw,48px);font-weight:800;letter-spacing:-.01em;margin:0}
#mdetail .badges{display:flex;flex-wrap:wrap;gap:8px}
#mdetail .badge{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border-radius:999px;padding:6px 14px;font-weight:700;font-size:15px;color:var(--fg);text-decoration:none}
#mdetail a.badge:hover{text-decoration:underline}
#mdetail .badge i{width:14px;height:14px;border-radius:3px;display:inline-block}
#mdetail .msum{margin:0;max-width:75ch;font-size:17.5px}
#mdetail .cite{line-height:0;font-size:.72em}
#mdetail .cite a{padding:0 1px;border-radius:3px;text-decoration:none;font-weight:700}
#mdetail .cite a:hover{background:var(--hl)}
#mdetail .actbar{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;margin-top:4px}
#mdetail .mbtn{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:10px 16px;border-radius:10px;border:2px solid var(--rule);background:var(--surface);color:var(--fg);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
#mdetail .mbtn small{font-weight:400;opacity:.8}
#mdetail .mbtn.primary{background:var(--blue);border-color:var(--blue);color:#FFFFFF}
#mdetail .mbtn[aria-expanded="true"]{border-color:var(--blue);background:var(--hl)}
#mdetail .actlinks{margin-left:auto;display:flex;flex-wrap:wrap;gap:6px 20px;font-size:14.5px;font-weight:600}
#mdetail .actlinks button{border:0;background:none;padding:0;font:inherit;color:var(--link);text-decoration:underline;cursor:pointer}
#mdetail .mapc{background:var(--mapbg);border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;gap:8px;min-width:0}
#mdetail .mapc .bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
#mdetail .pill{display:inline-flex;align-items:center;background:var(--surface);border-radius:999px;padding:7px 14px;font-weight:700;font-size:14px;color:var(--fg);text-decoration:none;box-shadow:0 1px 3px rgba(11,27,68,.18)}
#mdetail .mapc svg{width:100%;height:auto;display:block;max-height:360px}
#mdetail .nbp{fill:var(--nbfill);stroke:var(--surface);stroke-width:1.2;vector-effect:non-scaling-stroke}
#mdetail .selp{fill:var(--gold);stroke:#1B2A23;stroke-width:2.5;vector-effect:non-scaling-stroke}
#mdetail .ml{font-family:var(--display);font-weight:800;text-anchor:middle;fill:#1B2A23;stroke:#FFFFFF;paint-order:stroke;stroke-linejoin:round;pointer-events:none}
#mdetail .mapnote{margin:0;font-size:13.5px;color:var(--muted)}
#mdetail .dmap{position:relative}
#mdetail .dmap .pill{border:0;font:inherit;font-size:14px;font-weight:700;cursor:pointer;min-height:36px}
#mdetail .dmap .pill:hover{background:var(--hl)}
#mdetail #map1 svg{width:100%;height:clamp(240px,42vw,430px);max-height:none;display:block}
#mdetail #map1 .cty{fill:var(--nbfill);stroke:var(--surface);stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke;cursor:pointer}
#mdetail #map1 svg[data-level="state"] .cty[data-rs="rs4"]{fill:#1F4D3A}
#mdetail #map1 svg[data-level="state"] .cty[data-rs="rs2"]{fill:#3F8468}
#mdetail #map1 svg[data-level="state"] .cty[data-rs="rs1"]{fill:#9CCBB5}
#mdetail #map1 svg[data-level="state"] .cty[data-rs="rs0"]{fill:#DDEEE5}
#mdetail #map1 svg[data-level="state"] .cty[data-rs="rsu"]{fill:url(#rsuStripe)}
#mdetail #map1 svg[data-level="state"] .cty:hover{filter:brightness(1.12)}
#mdetail #map1 .cty:focus{outline:none}
#mdetail #map1 .cty:focus-visible,#mdetail #map1 .mun:focus-visible{stroke:var(--focus);stroke-width:3}
#mdetail #map1 .homec{fill:none;stroke:#1B2A23;stroke-width:2.6;vector-effect:non-scaling-stroke;pointer-events:none;display:none}
#mdetail #map1 svg[data-level="state"] .homec{display:inline}
#mdetail #map1 .clb{font-family:var(--display);font-weight:700;text-anchor:middle;fill:#1B2A23;stroke:#FFFFFF;stroke-width:2.6px;paint-order:stroke;stroke-linejoin:round;pointer-events:none;display:none}
#mdetail #map1 svg[data-level="state"] .clb{display:inline}
#mdetail #map1 .mun{cursor:pointer;stroke:#FFFFFF;stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#mdetail #map1 .mun:not(.nbp):not(.selp):hover{filter:brightness(1.1)}
#mdetail #map1 .mun.nbp:hover{fill:var(--rule)}
#mdetail #map1 .mun.selp{stroke:#1B2A23;stroke-width:2.5}
#mdetail #map1 .mun.going{stroke:#1B2A23;stroke-width:3}
#mdetail #map1 .meo1{fill:none;stroke:#FFFFFF;stroke-width:5;vector-effect:non-scaling-stroke;pointer-events:none}
#mdetail #map1 .meo2{fill:none;stroke:#1B2A23;stroke-width:2.4;vector-effect:non-scaling-stroke;pointer-events:none}
#mdetail #map1 .mlbl{font-family:var(--display);font-weight:700;text-anchor:middle;pointer-events:none;fill:#1B2A23;stroke:#FFFFFF;paint-order:stroke;stroke-linejoin:round}
#mdetail #map1 .mlbl.dk{fill:#FFFFFF;stroke:#1B2A23}
#mdetail .mcap{display:flex;flex-direction:column;gap:6px;padding:2px 4px 2px}
#mdetail .mkey{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13.5px;font-weight:600}
#mdetail .mkey li{display:inline-flex;align-items:center;gap:6px}
#mdetail .mkey .kt{font-weight:800}
#mdetail .mkey i{width:14px;height:14px;border-radius:3px;display:inline-block;border:1px solid rgba(11,27,68,.25)}
#mdetail .mkey .sw-rs4{background:#1F4D3A}
#mdetail .mkey .sw-rs2{background:#3F8468}
#mdetail .mkey .sw-rs1{background:#9CCBB5}
#mdetail .mkey .sw-rs0{background:#DDEEE5}
#mdetail .mkey .sw-rsu{background:repeating-linear-gradient(135deg,#DDEEE5 0 3px,#3F8468 3px 4.5px)}
#mdetail .mkey .sw-rsn{background:var(--nbfill)}
#mdetail .mtip{position:absolute;pointer-events:none;background:var(--surface);color:var(--fg);border-radius:10px;padding:8px 12px;box-shadow:0 6px 18px rgba(11,27,68,.25);font-size:14px;max-width:260px;z-index:5}
#mdetail .mtip b{display:block;font-family:var(--display);font-size:15px}
@media (hover:none){
#mdetail .mtip{display:none}}
#mdetail .mcard{background:var(--surface);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:16px}
#mdetail .mcard>h2,#mdetail .mcard .chd h2{font-size:24px;font-weight:800;margin:0}
#mdetail .mcard .lead{margin:-8px 0 0;color:var(--muted);max-width:85ch}
#mdetail .chd{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:space-between;align-items:flex-start}
#mdetail .cps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#mdetail .flip{perspective:1200px}
#mdetail .fc{display:grid;width:100%;height:100%;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:transform .5s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d;border-radius:10px;position:relative}
#mdetail .fc[aria-pressed="true"]{transform:rotateY(180deg)}
#mdetail .face{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:10px;padding:12px 14px;background:var(--surface-2);display:grid;gap:8px 12px}
#mdetail .front{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;min-height:56px}
#mdetail .back{position:absolute;inset:0;overflow:hidden;transform:rotateY(180deg);background:var(--surface);border:2px solid var(--rule);align-content:start}
#mdetail .fc[aria-pressed="true"] .back{position:relative;inset:auto;overflow:visible}
#mdetail .fc[aria-pressed="true"] .front{position:absolute;inset:0}
#mdetail .flip.f .back{border-color:var(--full)}
#mdetail .flip.p .back{border-color:var(--part)}
#mdetail .ic{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}
#mdetail .flip.f .ic{background:var(--full);color:#FFFFFF}
#mdetail .flip.p .ic{background:var(--part);color:#FFFFFF}
#mdetail .flip.n .ic{border:2px solid var(--none-c);color:var(--none-c)}
#mdetail .tx b{display:block;font-size:15.5px}
#mdetail .front em,#mdetail .bh em{font-style:normal;font-weight:700;font-size:13.5px;white-space:nowrap}
#mdetail .flip.n .front em,#mdetail .flip.n .bh em{color:var(--muted)}
#mdetail .hint{font-size:12.5px;font-weight:700;color:var(--link)}
#mdetail .bh{display:flex;justify-content:space-between;gap:10px}
#mdetail .bh b{font-size:15px}
#mdetail .dl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px}
#mdetail .dl .cn{display:block;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
#mdetail .std{margin:0;font-size:13.5px;color:var(--muted)}
#mdetail .std b{color:var(--fg)}
#mdetail .dl .sref{display:block;font-size:12.5px;color:var(--muted)}
#mdetail .lvkey{list-style:none;margin:-4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 22px;font-size:14px;color:var(--muted)}
#mdetail .lvkey li{display:flex;align-items:baseline;gap:8px;max-width:46ch}
#mdetail .lvkey b{color:var(--fg)}
#mdetail .lvkey .ic{flex:none;width:20px;height:20px;font-size:12px;align-self:center}
#mdetail .lvkey .ic.f{background:var(--full);color:#FFFFFF}
#mdetail .lvkey .ic.p{background:var(--part);color:#1B2A23}
#mdetail .lvkey .ic.n{border:2px solid var(--none-c);color:var(--none-c)}
#mdetail .fc:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
#mdetail .draftnote{margin:0;padding:10px 14px;border-radius:10px;background:var(--hl);font-size:14.5px}
#mdetail .why10{border-top:1px solid var(--rule-2);padding-top:12px;font-size:14.5px}
#mdetail .why10 summary{cursor:pointer;font-weight:700;color:var(--link);min-height:32px}
#mdetail .why10 p{margin:10px 0 8px;max-width:80ch}
#mdetail .whyl{margin:0 0 12px;padding-left:20px;display:flex;flex-direction:column;gap:6px;max-width:85ch}
#mdetail .scl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#mdetail .scl li{display:flex;flex-direction:column;gap:8px;background:var(--surface-2);border-radius:10px;padding:12px 14px}
#mdetail .scl .sn{font-weight:700;font-size:15px}
#mdetail .scl .sv{font-weight:700;font-size:13.5px}
#mdetail .sbar{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
#mdetail .sbar i{height:10px;border-radius:3px;background:var(--rule-2)}
#mdetail .sbar.l1 i:nth-child(-n+1),#mdetail .sbar.l2 i:nth-child(-n+2),#mdetail .sbar.l3 i{background:var(--blue)}
#mdetail .tl{list-style:none;margin:0;padding:0 0 0 18px;border-left:3px solid var(--rule);display:flex;flex-direction:column;gap:14px}
#mdetail .tl li{position:relative}
#mdetail .tl li::before{content:"";position:absolute;left:-26px;top:6px;width:13px;height:13px;border-radius:50%;background:var(--surface);border:3px solid var(--blue)}
#mdetail .tl li:first-child::before{background:var(--gold);border-color:#1B2A23}
#mdetail .tl time{font-size:13.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
#mdetail .tl p{margin:2px 0 0}
#mdetail .more{align-self:flex-start;border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--link);text-decoration:underline;cursor:pointer}
#mdetail .srcs{list-style:none;margin:0;padding:0;columns:2;column-gap:32px}
#mdetail .srcs li{break-inside:avoid;margin-bottom:12px;display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:10px;scroll-margin-top:20px}
#mdetail .srcs li>a,#mdetail .srcs li>span:not(.sno){grid-column:2}
#mdetail .srcs a{font-weight:600;overflow-wrap:anywhere}
#mdetail .srcs span{font-size:13px;color:var(--muted)}
#mdetail .sno{grid-row:1/3;width:24px;height:24px;border-radius:50%;background:var(--surface-2);border:1px solid var(--rule);display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;color:var(--fg)}
#mdetail .srcs li:target{background:var(--hl);border-radius:8px}
#mdetail .cmpgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px;align-items:start}
#mdetail .pick{fill:var(--nbfill);stroke:var(--surface);stroke-width:1.2;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .15s}
#mdetail .pick:hover{fill:#A9D3BF}
#mdetail .pick[aria-pressed="true"]{fill:var(--pick)}
#mdetail .pick:focus-visible{outline:none;stroke:var(--focus);stroke-width:3}
#mdetail .ckey{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13.5px;color:var(--muted)}
#mdetail .ckey i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
#mdetail .cfind{position:relative}
#mdetail .cfind label{display:block;font-weight:700;font-size:14.5px;margin-bottom:6px}
#mdetail .cfind input{font:inherit;width:100%;color:var(--fg);background:var(--surface);border:2px solid var(--rule);border-radius:10px;padding:10px 12px;min-height:44px}
#mdetail .cfind ul{list-style:none;margin:4px 0 0;padding:4px;position:absolute;left:0;right:0;z-index:5;background:var(--surface);border:1px solid var(--rule);border-radius:10px;box-shadow:0 10px 28px rgba(11,27,68,.22);max-height:280px;overflow:auto}
#mdetail .cfind li{padding:8px 10px;border-radius:8px;cursor:pointer}
#mdetail .cfind li:hover,#mdetail .cfind li[aria-selected="true"]{background:var(--hl)}
#mdetail .cfind li span{display:block;font-size:13px;color:var(--muted)}
#mdetail .cmpwrap{overflow-x:auto;min-width:0}
#mdetail .ct{width:100%;border-collapse:collapse;font-size:14px;min-width:420px}
#mdetail .ct th,#mdetail .ct td{padding:8px 10px;border-bottom:1px solid var(--rule-2);text-align:left;vertical-align:top}
#mdetail .ct thead th{font-family:var(--display);font-size:15px;border-bottom:2px solid var(--rule)}
#mdetail .ct thead button{display:block;margin-top:4px;border:0;background:none;padding:0;font:inherit;font-size:13px;font-weight:700;color:var(--link);text-decoration:underline;cursor:pointer}
#mdetail .ct tbody th{font-weight:600;color:var(--muted);width:160px}
#mdetail .ct .g th{color:var(--fg);font-family:var(--display);font-weight:800;padding-top:14px}
#mdetail .ct .sw{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
#mdetail .ok{color:var(--full);font-weight:700}
#mdetail .pt{color:#9A6A00;font-weight:700}
#mdetail .no{color:var(--muted)}
#mdetail .cmpempty{margin:0;padding:16px;border-radius:10px;background:var(--surface-2);color:var(--muted)}
#mdetail .mfail{background:var(--surface);border-radius:var(--radius);padding:24px}
@media (max-width:900px){
#mdetail .cmpgrid{grid-template-columns:minmax(0,1fr)}
#mdetail .scl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
#mdetail .cps{grid-template-columns:minmax(0,1fr)}
#mdetail .srcs{columns:1}
#mdetail .actbar .mbtn{flex:1 1 100%;justify-content:space-between}
#mdetail .actlinks{margin-left:0}
#mdetail .mcard{padding:18px}
#mdetail .mwrap{padding:18px 14px 32px;gap:16px}}
@media (prefers-reduced-motion:reduce){
#mdetail .fc{transition:none}}
@media print{
#mdetail .site,#mdetail footer,#mdetail .actbar,#mdetail .mapc .bar,#mdetail #cmpsec,#mdetail .hint,#mdetail .why10 summary{display:none!important}
#mdetail .fc{transform:none!important}
#mdetail .back{display:none}}
#mdetail{display:flex;flex-direction:column;gap:22px;margin-top:24px}
#mdetail[hidden]{display:none}
#mdetail .mhead .mh1{font-family:var(--display);font-size:clamp(28px,3.6vw,40px);font-weight:800;letter-spacing:-.01em;margin:0;line-height:1.1}

/* October 14, 2026 additions: one blue rating scale, What You Can Do, jump menu, glossary, stronger examples, neighbors, report card. */
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) #mdetail{--full:#7DBE9F;--part:#3F8468}}
:root[data-theme="dark"] #mdetail{--full:#7DBE9F;--part:#3F8468}
#mdetail .rbadge{border:0}
#mdetail .rbadge.rs4{background:#1F4D3A;color:#FFFFFF}
#mdetail .rbadge.rs2{background:#3F8468;color:#FFFFFF}
#mdetail .rbadge.rs1{background:#9CCBB5;color:#1B2A23}
#mdetail .rbadge.rs0{background:#DDEEE5;color:#1B2A23}
#mdetail .mhead .rbadge.rsu{background:transparent;color:var(--fg);border:1px dashed var(--muted,#6B7280)} /* Rating Pending, November 3, 2026 */
#mdetail .mver{margin:0;font-size:15px;color:var(--muted)}
#mdetail .mver b{color:var(--fg)}
#mdetail .linkb{border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--link);text-decoration:underline;cursor:pointer;min-height:24px}
#mdetail .mjump{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14.5px}
#mdetail .mjump b{margin-right:4px}
#mdetail .mjump a{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--rule);color:var(--fg);font-weight:600;text-decoration:none}
#mdetail .mjump a:hover{border-color:var(--blue)}
#mdetail .mjump a[href="#wycd"]{background:var(--blue);border-color:var(--blue);color:#FFFFFF}
#mdetail .wycd{background:var(--hl);border:2px solid var(--gold)}
#mdetail .wgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px 22px}
#mdetail .witem{display:flex;gap:12px;align-items:flex-start}
#mdetail .witem p{margin:4px 0 0}
#mdetail .witem ul{margin:4px 0 0;padding-left:18px}
#mdetail .wic{flex:none;width:38px;height:38px;border-radius:10px;background:#1B2A23;color:#F2B632;display:inline-flex;align-items:center;justify-content:center}
#mdetail .wbtns{display:flex;flex-wrap:wrap;gap:10px}
#mdetail .gl{position:relative;display:inline}
#mdetail .glt{font:inherit;color:inherit;background:none;border:0;padding:0;border-bottom:2px dotted var(--link);cursor:help;text-align:inherit}
#mdetail .gtip{display:none;position:absolute;left:0;top:calc(100% + 6px);z-index:30;width:min(320px,80vw);background:#1B2A23;color:#FFFFFF;border-radius:10px;padding:10px 12px;font-size:14px;font-weight:400;line-height:1.45;box-shadow:0 8px 22px rgba(11,27,68,.28);white-space:normal}
#mdetail .gtip b{color:#F2B632}
#mdetail .gl:hover .gtip,#mdetail .glt:focus-visible+.gtip,#mdetail .glt[aria-expanded="true"]+.gtip{display:block}
#mdetail .strongx{display:flex;flex-direction:column;gap:8px}
#mdetail .strongx h3{margin:6px 0 0;font-size:19px;font-weight:800}
#mdetail .strongx summary{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;cursor:pointer;min-height:44px;padding:4px 0}
#mdetail .strongx summary::-webkit-details-marker{display:none}
#mdetail .strongx .sxh{font-size:19px;font-weight:800}
#mdetail .strongx .sxn{font-size:14px;font-weight:700;color:var(--link)}
#mdetail .strongx .chev{margin-left:auto;width:11px;height:11px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;transform:rotate(45deg);transition:transform .15s}
#mdetail .strongx[open] .chev{transform:rotate(-135deg)}
#mdetail .strongx[open] summary{margin-bottom:4px}
#mdetail .sxt,#mdetail .nbt{width:100%;border-collapse:collapse;font-size:15px}
#mdetail .sxt th,#mdetail .sxt td,#mdetail .nbt th,#mdetail .nbt td{text-align:left;vertical-align:top;padding:10px 10px 10px 0;border-bottom:1px solid var(--rule-2)}
#mdetail .sxt thead th,#mdetail .nbt thead th{font-size:13px;color:var(--muted);border-bottom:2px solid var(--fg)}
#mdetail .sxt tbody th{font-weight:700;min-width:150px}
#mdetail .swhy{display:block;font-size:13.5px;color:var(--muted);margin-top:2px}
#mdetail .muted{color:var(--muted)}
#mdetail .lvt{display:inline-flex;gap:4px;align-items:center;white-space:nowrap;font-weight:700;font-size:13.5px;border-radius:6px;padding:2px 8px}
#mdetail .lvt.f{background:#1F4D3A;color:#FFFFFF}
#mdetail .lvt.p{background:#3F8468;color:#FFFFFF}
#mdetail .lvt.n{background:var(--surface-2);color:var(--fg);border:1px solid var(--rule)}
#mdetail .nbt .me{background:var(--surface-2)}
#mdetail .nbt .sw{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
#mdetail .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#mdetail .sbar.l3 i{background:#1F4D3A}
#mdetail .sbar.l2 i:nth-child(-n+2){background:#3F8468}
#mdetail .sbar.l1 i:nth-child(-n+1){background:#9CCBB5}
#mdetail .tl li.up time{color:var(--fg)}
#mdetail .upt{display:inline-block;margin-left:6px;background:var(--gold);color:#1B2A23;border-radius:6px;padding:0 6px;font-size:12px;font-weight:800}
#rcprint{display:none}
@media print{
body.rcprinting>*:not(#rcprint){display:none!important}
body.rcprinting #rcprint{display:block!important}
@page{size:letter;margin:0.6in}
#rcprint .rc{font-family:var(--body,"Public Sans",sans-serif);color:#000;font-size:12pt;line-height:1.35;display:flex;flex-direction:column;gap:10pt}
#rcprint .rch{display:flex;justify-content:space-between;gap:16pt;border-bottom:2pt solid #000;padding-bottom:8pt}
#rcprint .rck{font-weight:800;font-size:10pt;letter-spacing:.04em;text-transform:uppercase}
#rcprint h1{margin:2pt 0;font-size:24pt}
#rcprint .rcs{margin:0;font-weight:600}
#rcprint .rcr{border:1.5pt solid #000;border-radius:8pt;padding:6pt 12pt;text-align:center;display:flex;flex-direction:column;min-width:96pt}
#rcprint .rcr b{font-size:28pt;line-height:1}
#rcprint .rcr i{font-style:normal;font-weight:700}
#rcprint .rcl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:3pt 20pt}
#rcprint .rcl li{display:flex;justify-content:space-between;gap:8pt;border-bottom:.75pt solid #999;padding:3pt 0}
#rcprint .rcg{display:grid;grid-template-columns:1fr 1fr;gap:12pt}
#rcprint .rcg>div{border:1.5pt solid #000;border-radius:8pt;padding:8pt 10pt}
#rcprint p{margin:2pt 0}
#rcprint ol{margin:2pt 0;padding-left:16pt}
#rcprint .rcf{font-size:10pt;border-top:.75pt solid #999;padding-top:6pt}}
@media (max-width:640px){#mdetail .sxt thead{display:none}#mdetail .sxt tr{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--rule-2);padding:8px 0}#mdetail .sxt th,#mdetail .sxt td{border:0;padding:2px 0}#mdetail .sxt td:nth-child(3){grid-column:1/-1}}

/* What You Can Do, October 16, 2026: the next step as a full-width strip, then three cards (how to comment, the office with its buttons, questions to ask) */
#mdetail .wycd > .wgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#mdetail .wycd .witem{background:#FFFFFF;border:1px solid rgba(11,27,68,.10);border-radius:12px;padding:14px 16px;box-sizing:border-box}
#mdetail .wycd .witem:first-child{grid-column:1/-1;align-items:center}
#mdetail .wycd .witem:first-child > div:not(.wact){flex:1}
#mdetail .wycd .witem > div{min-width:0}
#mdetail .wycd .witem .wact{flex:none}
#mdetail .wycd .witem b{font-size:16px}
#mdetail .wycd .witem ul li+li{margin-top:2px}
#mdetail .wycd .witem .wbtns{margin-top:10px;flex-direction:column;align-items:stretch;gap:8px}
#mdetail .wycd .witem .wbtns:empty{display:none}
#mdetail .wycd .witem .mbtn{justify-content:flex-start;flex-wrap:wrap;gap:2px 8px;white-space:normal}
#mdetail .wycd > p.fine{margin:0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #mdetail .wycd .witem{background:var(--surface)}}
:root[data-theme="dark"] #mdetail .wycd .witem{background:var(--surface)}
@media (max-width:900px){#mdetail .wycd > .wgrid{grid-template-columns:1fr}#mdetail .wycd .witem:first-child{flex-wrap:wrap;align-items:flex-start}#mdetail .wycd .witem .wact{width:100%;padding-left:50px}}

/* Section separation (October 19, 2026): each section card has a thin border, a soft shadow, and a colored top stripe.
   Navy marks the rating sections (Compare, Ten Core Protections, Category Scorecard), teal the context sections
   (Neighboring Municipalities, Key Milestones), and gray the Sources. What You Can Do keeps its gold border. */
#mdetail{gap:28px}
#mdetail .mcard:not(.wycd){border:1px solid var(--rule,#CFD8D2);border-top:5px solid var(--stripe,var(--full));box-shadow:0 1px 2px rgba(13,30,69,.06),0 6px 18px rgba(13,30,69,.07)}
#mdetail .mcard[aria-labelledby="cmph"],#mdetail .mcard[aria-labelledby="ch"],#mdetail .mcard[aria-labelledby="sh"]{--stripe:var(--full)}
#mdetail .mcard[aria-labelledby="nbh"],#mdetail .mcard[aria-labelledby="th"]{--stripe:#0074A8}
#mdetail .mcard[aria-labelledby="srh"]{--stripe:var(--none-c)}
#mdetail .wycd{box-shadow:0 1px 2px rgba(13,30,69,.06),0 6px 18px rgba(13,30,69,.07)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) #mdetail .mcard{box-shadow:0 1px 2px rgba(0,0,0,.35),0 6px 18px rgba(0,0,0,.3)}:root:not([data-theme="light"]) #mdetail .mcard[aria-labelledby="nbh"],:root:not([data-theme="light"]) #mdetail .mcard[aria-labelledby="th"]{--stripe:#4DAEDB}}
:root[data-theme="dark"] #mdetail .mcard{box-shadow:0 1px 2px rgba(0,0,0,.35),0 6px 18px rgba(0,0,0,.3)}
:root[data-theme="dark"] #mdetail .mcard[aria-labelledby="nbh"],:root[data-theme="dark"] #mdetail .mcard[aria-labelledby="th"]{--stripe:#4DAEDB}
/* Municipality header as a summary card (October 21, 2026). */
#mdetail .mhead{background:var(--surface);border:1px solid var(--rule,#CFD8D2);border-top:6px solid var(--gold);border-radius:var(--radius);padding:24px 24px 0;gap:12px;overflow:hidden;box-shadow:0 1px 2px rgba(13,30,69,.06),0 6px 18px rgba(13,30,69,.07)}
#mdetail .mhead .actbar{margin:6px -24px 0;padding:14px 24px;background:color-mix(in srgb,var(--fg) 4%,var(--surface));border-top:1px solid var(--rule,#CFD8D2)}
#mdetail .mhead .badge:not(.rbadge){background:color-mix(in srgb,var(--fg) 5%,var(--surface));border:1px solid var(--rule,#CFD8D2)}
@media (max-width:640px){#mdetail .mhead{padding:18px 18px 0}#mdetail .mhead .actbar{margin:4px -18px 0;padding:12px 18px}}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) #mdetail .mhead{box-shadow:0 1px 2px rgba(0,0,0,.35),0 6px 18px rgba(0,0,0,.3)}}
:root[data-theme="dark"] #mdetail .mhead{box-shadow:0 1px 2px rgba(0,0,0,.35),0 6px 18px rgba(0,0,0,.3)}
@media print{#mdetail .mhead{box-shadow:none;border:0;padding:0;background:none}#mdetail .mhead .actbar{display:none}}

/* October 26, 2026: resident groups box */
#mdetail .mgr{border-top:5px solid #F2B632;gap:10px}
#mdetail .mgr h2{font-size:20px}
#mdetail .mgr ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}
#mdetail .mgr p{margin:0}
#mdetail .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Coverage bar (October 28, 2026) */
#mdetail .cbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:12px}
#mdetail .cbar-cells{display:inline-flex;gap:3px}
#mdetail .cbar-cells i{width:26px;height:22px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:13px;font-weight:700;box-sizing:border-box}
#mdetail .cbar-cells .cv2{background:#1F4D3A;color:#FFFFFF}
#mdetail .cbar-cells .cv1{background:#7DBE9F;color:#1B2A23}
#mdetail .cbar-cells .cv0{background:transparent;color:#A33A3A;border:1.5px dashed #9DA8A2}
#mdetail .cbar-t{font-size:15px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #mdetail .cbar-cells .cv0{color:#F2A3A3}:root:not([data-theme="light"]) #mdetail .cbar-cells .cv2{background:#3F8468}}
:root[data-theme="dark"] #mdetail .cbar-cells .cv0{color:#F2A3A3}
:root[data-theme="dark"] #mdetail .cbar-cells .cv2{background:#3F8468}

/* Known data center proposals (October 28, 2026) */
#mdetail .kprop{margin:10px 0 0;padding:12px 16px;border-left:5px solid #F2B632;background:color-mix(in srgb,#F2B632 9%,var(--surface));border-radius:8px;font-size:15.5px;line-height:1.5;max-width:80ch}
#mdetail .kprop ul{margin:6px 0 0;padding-left:1.2em;display:flex;flex-direction:column;gap:6px}
#mdetail .kprop .kpd{font-weight:700}
#mdetail .kprop.none{font-size:15px}

/* November 3, 2026 (County Rules Apply): the explanation under the status badge, and the purple swatches for the county map. */
#mdetail .covnote{margin:10px 0 0;max-width:75ch;font-size:15.5px;line-height:1.5;color:var(--fg);background:color-mix(in srgb,#9D67C5 10%,var(--surface,#FFFFFF));border-left:4px solid #9D67C5;border-radius:6px;padding:10px 14px}
#mdetail .covnote.county_maybe{border-left-style:dashed}
#mdetail .covnote a{font-weight:700;white-space:nowrap}
#mdetail #map1 svg[data-level="state"] .cty[data-rs="rsc"]{fill:#9D67C5}
#mdetail .mkey .sw-rsc{background:#9D67C5}

/* November 4, 2026 design polish: gold marks only the What You Can Do card; other cards get a plain border. */
#mdetail .mcard:not(.wycd){border-top:1px solid var(--rule,#CFD8D2)}
.mhead{border-top:1px solid var(--rule,#CFD8D2)}
:root{--ink2:#2B3445}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--ink2:#CDD6D0}}:root[data-theme="dark"]{--ink2:#CDD6D0}
#mdetail .msum,#mdetail p.lead{color:var(--ink2)}
#mdetail p.lead{max-width:68ch}

/* header pills (November 4, 2026) */
.chead .mpills .badges{display:flex;flex-wrap:wrap;gap:8px}
.chead .mpills .badge{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border-radius:999px;padding:6px 14px;font-weight:700;font-size:15px;color:var(--fg);text-decoration:none}
.chead .mpills .badge i{width:14px;height:14px;border-radius:3px;display:inline-block}
.chead .mpills .rbadge{border:0}
.chead .mpills .rbadge.rs4{background:#1F4D3A;color:#FFFFFF}
.chead .mpills .rbadge.rs2{background:#3F8468;color:#FFFFFF}
.chead .mpills .rbadge.rs1{background:#9CCBB5;color:#1B2A23}
.chead .mpills .rbadge.rs0{background:#DDEEE5;color:#1B2A23}
.chead .mpills .rbadge.rsu{background:transparent;color:var(--fg);border:1px dashed var(--muted,#6B7280)}
.chead .mpills .badge:not(.rbadge){background:color-mix(in srgb,var(--fg) 5%,var(--surface));border:1px solid var(--rule,#CFD8D2)}
#mdetail .mhead{border-top:1px solid var(--rule,#CFD8D2)}

/* November 4, 2026 design polish, items 5 to 10. */
#mdetail .nbt a,#mdetail .nbt .linkb,#mdetail .srcs a,#mdetail .actlinks a,#mdetail .actlinks button{text-decoration:none}
#mdetail .nbt a:hover,#mdetail .nbt .linkb:hover,#mdetail .srcs a:hover,#mdetail .actlinks a:hover,#mdetail .actlinks button:hover{text-decoration:underline}
#mdetail .actlinks a{color:var(--link);font-weight:600}
#mdetail .mver .linkb{color:inherit;text-decoration:underline dotted}
#mdetail .wycd{background:var(--surface)!important;border:1px solid var(--rule,#CFD8D2)!important;border-top:5px solid var(--gold,#F2B632)!important}
#mdetail .wgrid{display:flex!important;flex-wrap:wrap;gap:0 28px!important}
#mdetail .witem{flex:1 1 280px;background:none!important;border:0!important;border-top:1px solid var(--rule,#CFD8D2)!important;border-radius:0!important;padding:16px 0!important}
#mdetail .witem:first-child{flex-basis:100%}
#mdetail{display:flex;flex-direction:column;gap:24px}
#mdetail>section,#mdetail>nav,#mdetail>div{margin-top:0!important;margin-bottom:0!important}
#mdetail #mgroups:empty{display:none}
#mdetail .mcard h2{font-size:22px}
#mdetail .actbar{gap:10px}
#mdetail .actbar .mbtn{flex:0 0 auto;min-height:44px;padding:10px 18px;border-width:1.5px}
#mdetail .actlinks{flex-basis:100%;margin-left:0;padding-top:4px}
#mdetail .wact .mbtn:not(.primary){border-width:1.5px}
@media (max-width:640px){#mdetail .actbar .mbtn{flex:0 1 auto}}

/* November 11, 2026 (Black Hills palette): in the dark theme the Adopted pine green is drawn brighter so that it stays visible against the dark page. */
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) path[fill="#1F4D3A"]{fill:#3A8C6A}:root:not([data-theme="light"]) [style*="background:#1F4D3A"]{background:#3A8C6A!important}}
:root[data-theme="dark"] path[fill="#1F4D3A"]{fill:#3A8C6A}:root[data-theme="dark"] [style*="background:#1F4D3A"]{background:#3A8C6A!important}