.area-directory{--ad-ink:#1a1a1a;--ad-muted:#55636d;--ad-green:#1a7a4c;--ad-soft:#f0f7f4;--ad-line:#e3ede8;background:var(--ad-soft)}.area-directory-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,56px);align-items:start;margin-bottom:40px}.area-directory-eyebrow{color:var(--ad-green);font-size:11px;font-weight:750;letter-spacing:.13em;margin-bottom:14px}.area-directory-intro{color:var(--ad-muted);line-height:1.8;margin-top:16px;max-width:620px}.area-directory-intro strong{color:var(--ad-ink)}.area-directory-jumps{display:flex;flex-wrap:wrap;gap:8px}.area-directory-jumps a{color:var(--ad-green);font-weight:600;font-size:13px;border:1px solid var(--ad-line);border-radius:999px;background:#fff;padding:8px 13px}.area-directory-jumps a:hover{background:var(--ad-soft)}.area-directory-groups{display:grid;gap:18px}.area-directory-group{background:#fff;border:1px solid var(--ad-line);border-radius:12px;scroll-margin-top:96px;padding:22px}.area-directory-group-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--ad-line)}.area-directory-group-head h3{display:inline-flex;align-items:center;gap:10px;color:var(--ad-ink);font-size:21px;font-weight:650}.area-directory-group-head h3 svg{color:var(--ad-green);flex:none}.area-directory-group-head span{flex:none;border-radius:999px;background:var(--ad-soft);color:var(--ad-green);padding:8px 12px;font-size:12px;font-weight:700}.area-directory-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.area-directory-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:12px 14px;border-radius:8px;background:var(--ad-soft);color:var(--ad-ink);font-weight:600}.area-directory-links a:hover{background:#e7f4ed}.area-directory-links a svg{color:var(--ad-green);flex:none}@media (max-width:1020px){.area-directory-links{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.area-directory-head{grid-template-columns:1fr}}@media (max-width:620px){.area-directory-links{grid-template-columns:repeat(2,minmax(0,1fr))}.area-directory-group-head{align-items:start;flex-direction:column}}