.district-hub .district-area-picker{display:flex;flex-direction:column;gap:10px;max-width:540px;width:100%;min-width:0;margin-top:22px;padding:20px;background:#f3f8f8;border:1px solid #d5e2e7;border-radius:8px;box-sizing:border-box}.district-area-picker label{font-size:13px;font-weight:800;color:#0b2940}.district-area-picker select{display:block;width:100%;max-width:100%;min-width:0;min-height:50px;padding:13px 14px;background:#fff;border:1px solid #adc6ca;border-radius:6px;color:#0b2940;font:600 14px Arial,sans-serif;box-sizing:border-box}.district-area-picker select:focus-visible{outline:3px solid #008780;outline-offset:3px}@media(max-width:600px){.district-hub .district-area-picker{padding:15px;margin-top:18px}.district-area-picker select{font-size:13px}}

/* Blog district navigation: text links on desktop, native picker on mobile. */
.district-hub .district-area-picker{display:none}
.district-hub .district-area-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:22px}
.district-hub .district-area-links a{color:#0b2940;text-decoration:underline;text-underline-offset:4px;font-weight:600;line-height:1.6}
.district-hub .district-area-links a:hover{color:#008780}
.district-hub .district-area-links a:focus-visible{outline:3px solid #008780;outline-offset:4px}
@media(max-width:760px){.district-hub .district-area-picker{display:flex}.district-hub .district-area-links{display:none}}

@media(min-width:761px){
.district-hub .district-area-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.district-hub .district-area-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:16px 20px;box-sizing:border-box;border:1px solid #cddde3;border-radius:10px;background:#f7fafb;color:#0b2940;text-decoration:none;font-size:14px;font-weight:700;box-shadow:0 3px 10px rgba(11,41,64,.04);transition:background .18s,border-color .18s,box-shadow .18s}
.district-hub .district-area-links a::after{content:"↗";color:#008780;font-size:18px;flex:none}
.district-hub .district-area-links a:hover{background:#e8f5f2;border-color:#008780;box-shadow:0 5px 14px rgba(11,41,64,.08)}
}
@media(min-width:761px) and (max-width:1000px){.district-hub .district-area-links{grid-template-columns:repeat(2,minmax(0,1fr))}}