/* 8KEYS V42 — regional link directory, accessible and responsive; isolated from V41 forms */
#areas .coverage-panel { display:block; padding:clamp(25px,4.2vw,54px); background:#191817; border:1px solid rgba(255,255,255,.07); border-radius:25px; }
#areas .coverage-head {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:25px 48px;align-items:end;margin:0 0 30px;}
#areas .coverage-head .kicker {grid-column:1/-1;margin:0 0 -12px;}
#areas .coverage-head h2 {font-size:clamp(28px,3.1vw,42px);line-height:1.15;letter-spacing:-.04em;margin:0;}
#areas .coverage-head >p:not(.kicker) {max-width:470px;font-size:14px;line-height:1.7;margin:0;}
#areas .k8-coverage-groups {display:block;margin:0;}
.k8-area-directory {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;}
.k8-area-card {min-width:0;border-radius:17px;padding:23px 21px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.027));}
.k8-area-card h3 {margin:0 0 16px;font-size:11px;font-weight:800;letter-spacing:.12em;line-height:1.4;color:#ffb58b;}
.k8-area-links {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.k8-area-links a {box-sizing:border-box;min-width:0;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:9px;border-radius:9px;padding:10px 12px;background:#fff;color:#25201d!important;font-size:12px;font-weight:750;line-height:1.35;text-decoration:none!important;transition:background .16s,border-color .16s,transform .16s;}
.k8-area-links a span:first-child {min-width:0;overflow-wrap:break-word;}
.k8-area-links a .k8-area-arrow {color:#bd480f;font-size:17px;font-weight:800;flex:none;}
.k8-area-links a:hover {background:#ffebdd;transform:translateY(-1px);}
.k8-area-links a:focus-visible {outline:3px solid #ff9a62;outline-offset:3px;}
#areas .k8-area-directory-note {font-size:12px;line-height:1.7;color:#c3bdba;margin:23px 0 0;}
/* Standalone Attica page directory — larger article width to fit all region cards comfortably */
.k8-hub-showcase {padding:52px 0 64px;background:#f8f5f2;}
.k8-hub-region-section {max-width:100%;}
.k8-hub-region-section >h2 {margin-bottom:12px;}
.k8-hub-region-section >p {max-width:720px;}
.k8-directory-light {margin-top:21px;gap:12px;}
.k8-directory-light .k8-area-card {background:#fcfaf8;border:1px solid #e9dcd1;box-shadow:0 9px 24px rgba(55,32,15,.025);}
.k8-directory-light .k8-area-card h3 {color:#a53b10;}
.k8-directory-light .k8-area-links a {border:1px solid #eadfd7;background:#fff;box-shadow:0 2px 7px rgba(44,28,17,.025);}
.k8-directory-light .k8-area-links a:hover {background:#fff0e7;border-color:#d6814f;}
@media (max-width:900px) {
 #areas .coverage-head {grid-template-columns:1fr;gap:15px;margin-bottom:24px;}
 #areas .coverage-head .kicker {margin:0;}
 #areas .coverage-panel {padding:25px;}
 .k8-area-card {padding:19px 17px;}
 .k8-hub-region-section {width:100%;}
}
@media (max-width:700px) {
 #areas .coverage-panel {padding:21px 16px;}
 #areas .coverage-head h2 {font-size:29px;}
 .k8-area-directory {grid-template-columns:1fr;gap:12px;}
 .k8-area-links {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
 .k8-area-card {padding:18px 13px;}
 .k8-area-links a {font-size:12px;min-height:46px;padding:10px 10px;}
 .k8-area-card h3 {margin-bottom:12px;}
}
@media (max-width:360px) {
 #areas .coverage-panel {padding:19px 12px;}
 .k8-area-links {grid-template-columns:1fr;}
}
@media (prefers-reduced-motion: reduce) { .k8-area-links a {transition:none;} }