.areas{background:transparent}
.areas>.wrap>h2:empty,.areas>.wrap>.section-sub:empty{display:none}
.areas .card{border-top:0;border-radius:22px;box-shadow:0 0 0 1px var(--line);transition:transform .2s ease,box-shadow .2s ease}
.areas .card:hover,.areas .card:focus-within{transform:translateY(-4px);box-shadow:0 0 0 1px var(--accent),0 12px 28px rgba(42,37,33,.1)}
.areas .area-card-link{display:flex;flex-direction:column;flex:1;color:var(--ink);text-decoration:none}
.areas .area-card-link h3{color:var(--accent)}
.areas .area-card-link:focus-visible{outline-offset:-4px;border-radius:22px}
.sec-hero .back-to-overview{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;padding:.45rem .95rem;border:1px solid var(--accent);border-radius:999px;background:var(--paper);color:var(--accent);font-size:.9rem;font-weight:600;text-decoration:none}
.sec-hero .back-to-overview::before{content:'←';font-size:1.2rem;line-height:1}
.sec-hero .back-to-overview:hover{background:var(--accent);color:#fff}
@media(min-width:701px) and (max-width:860px){.areas .cards{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.areas .card{transition:none}.areas .card:hover,.areas .card:focus-within{transform:none}}