.area-directory{--area-ink:#344340;--area-muted:#68736c;color:var(--area-ink);background:#fffbee;border:1px solid #ede5cc;border-radius:20px;margin:28px 0;padding:32px}.area-directory .area-directory-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 26px;display:flex}.area-directory-eyebrow{color:#8e711c;align-items:center;gap:7px;margin:0 0 10px;font-size:13px;font-weight:700;display:flex}.area-directory .area-directory-heading h2{letter-spacing:.01em;color:var(--area-ink);margin:0;font-size:clamp(20px,2.2vw,27px);line-height:1.55}.area-directory-heading>p{color:var(--area-muted);margin:0 0 3px;font-size:13px;line-height:1.7}.area-directory-layout{grid-template-columns:1fr 1.12fr;align-items:center;gap:28px;display:grid}.area-directory-map svg{width:100%;display:block;overflow:visible}.area-directory-map>p{text-align:center;color:var(--area-muted);margin:8px 0 0;font-size:12px}.area-map-link{cursor:pointer;outline:none}.area-map-shape{fill:var(--pref-color);stroke:#fff;stroke-width:2px;vector-effect:non-scaling-stroke;transition:filter .15s}.area-map-label rect{fill:#fff;stroke:var(--pref-color);stroke-width:2px;transition:fill .15s}.area-map-label text{fill:var(--area-ink);pointer-events:none;font-family:inherit;font-size:23px;font-weight:700}.area-map-link:hover .area-map-label rect,.area-map-link.is-active .area-map-label rect{fill:#fff7ce;stroke:#ad8412}.area-map-link.is-active .area-map-shape{filter:brightness(.91)}.area-map-link:focus-visible .area-map-label rect{stroke:#725512;stroke-width:4px}.area-directory-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.area-pref-card{background:#fff;border:1px solid #e5e4dc;border-radius:12px;min-width:0;transition:border-color .15s,box-shadow .15s;overflow:hidden}.area-pref-card.is-active{border-color:#c69d28;box-shadow:0 3px 12px #6955190a}.area-pref-main{color:var(--area-ink);grid-template-columns:1fr auto;align-items:center;gap:9px;padding:19px 18px 14px;text-decoration:none;display:grid}.area-pref-name{align-items:center;gap:10px;font-size:21px;font-weight:700;display:flex}.area-pref-name i{background:var(--pref-color);border-radius:50%;flex:none;width:12px;height:12px}.area-pref-main>svg{color:#9b987f}.area-pref-description{color:var(--area-muted);grid-column:1/-1;font-size:12px;line-height:1.7}.area-pref-articles,.area-pref-count{color:#657067;border-top:1px solid #efeee6;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:12px 18px;font-size:12px;line-height:1.6;display:flex}.area-pref-articles{text-decoration:none}.area-pref-articles span,.area-pref-count span{flex:none;align-items:center;gap:4px;display:flex}.area-pref-main:hover,.area-pref-articles:hover{background:#fffbea}:is(.area-pref-main:focus-visible,.area-pref-articles:focus-visible){outline-offset:-3px;outline:3px solid #8d6b13}@media (max-width:1000px){.area-directory{padding:26px}.area-directory-layout{grid-template-columns:1fr 1fr;gap:20px}.area-directory .area-directory-heading{display:block}.area-directory-heading>p{margin-top:10px}.area-pref-main{padding:17px 13px 12px}.area-pref-articles,.area-pref-count{flex-wrap:wrap;padding:10px 13px}.area-pref-name{gap:8px;font-size:19px}}@media (max-width:760px){.area-directory{border-radius:15px;margin:24px 0;padding:22px 16px}.area-directory-layout{grid-template-columns:1fr;gap:22px}.area-directory .area-directory-heading{margin-bottom:8px}.area-directory-map{width:min(100%,440px);margin-inline:auto}.area-directory-map>p{margin-top:0}.area-directory-list{gap:10px}.area-pref-main{gap:7px;min-height:86px;padding:16px 12px 12px}.area-pref-name{white-space:nowrap;gap:6px;font-size:17px}.area-pref-description{font-size:11px}.area-pref-articles,.area-pref-count{min-height:56px;padding:10px 12px;font-size:11px}}@media (max-width:360px){.area-directory-list{grid-template-columns:1fr}.area-pref-main{padding:16px}.area-pref-name{font-size:20px}.area-pref-articles,.area-pref-count{min-height:44px;padding:10px 16px}}@media (prefers-reduced-motion:reduce){.area-map-shape,.area-map-label rect,.area-pref-card{transition:none}}
