.region-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.region-grid a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:21px 18px;background:#ffffff;border:1px solid var(--line);border-radius:10px;font-size:15px;font-weight:700;transition:background .15s,color .15s}
.region-grid a:hover,.region-grid a:focus-visible,.region-grid a.is-selected{background:var(--green);color:var(--lime);border-color:var(--green)}
.region-note{font-size:13px;color:var(--muted);margin-top:20px}
.region-group{min-width:0;border:1px solid var(--line);border-radius:10px;background:#ffffff;overflow:hidden}
.region-group summary{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:21px 18px;font-size:15px;font-weight:700;cursor:pointer;list-style:none}
.region-group summary::-webkit-details-marker{display:none}
.region-group summary:hover,.region-group summary:focus-visible{background:var(--green);color:var(--lime)}
.region-group[open]{grid-column:1/-1}
.region-group[open]>summary{background:var(--green);color:var(--lime)}
.region-group[open] .region-expand{transform:rotate(45deg)}
.district-panel{padding:24px}.district-panel h3{margin:0;font-size:21px}.district-panel p{font-size:13px;color:var(--muted);margin:10px 0 20px}
@media(max-width:480px){.region-group summary{padding:18px 16px}.district-panel{padding:16px}.district-grid a{font-size:14px;padding:16px 12px}}
@media(min-width:901px){.navlinks{gap:18px;font-size:13px}}
@media(max-width:900px){.region-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.region-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.region-grid a{padding:18px 16px}}