.district-directory{margin:34px 0 54px;padding:28px;border:1px solid var(--line);border-radius:var(--radius,12px);background:var(--white)}
.district-directory-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.district-directory-heading h2{font-size:clamp(22px,2.2vw,31px);line-height:1.25;margin:10px 0}.district-directory-heading p{color:var(--muted);max-width:740px;line-height:1.7}.district-ready-count{flex-shrink:0;padding:9px 13px;border:1px solid var(--line);border-radius:99px;font-size:13px;font-weight:700;color:var(--green)}
.district-city-group{border-top:1px solid var(--line)}.district-city-group summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:18px 0;font-size:18px;font-weight:750;list-style:none}.district-city-group summary::-webkit-details-marker{display:none}.district-city-group summary small{font-size:12px;font-weight:600;color:var(--muted)}.district-city-group summary svg{width:18px;height:18px;margin-left:auto;transition:transform .2s}.district-city-group[open] summary svg{transform:rotate(180deg)}
.district-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 0 24px}.district-directory-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius,10px);padding:20px;background:var(--paper);display:flex;flex-direction:column;align-items:flex-start}.district-directory-card.has-guide{border-color:color-mix(in srgb,var(--green) 40%,var(--line))}.district-directory-place{display:flex;align-items:center;gap:8px;color:var(--green)}.district-directory-place svg{width:18px;height:18px;flex-shrink:0}.district-directory-place h3{font-size:18px;margin:0;line-height:1.4}.district-directory-card p{color:var(--muted);font-size:14px;line-height:1.7;margin:12px 0 18px}.district-directory-card .text-link{font-size:13px;margin-top:auto}.district-content-status{font-size:11px;font-weight:650;margin-top:9px;color:var(--muted)}.district-content-status.ready{color:var(--green)}
.local-guide-kind-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.local-guide-kind-tabs a{padding:10px 17px;border:1px solid var(--line);border-radius:99px;font-weight:700;font-size:14px}.local-guide-kind-tabs a[aria-current=page]{background:var(--green);color:var(--button-text,#fff);border-color:var(--green)}
@media(max-width:900px){.district-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.district-directory-heading{flex-direction:column;gap:10px}}@media(max-width:560px){.district-directory{padding:18px 15px;margin-top:25px}.district-directory-grid{grid-template-columns:1fr}.district-directory-heading h2{font-size:23px}.district-directory-card{padding:17px}}