/* The nation pages /uk/<nation> (app/pages/uk-nation.php; mock mocks/uk-nations-scotland.html). The town cards are
   landing.css's .ln-card; the outlines' colors are uk.css's .nat-shape. */
.nat-hero{background:var(--night);color:#e8ecf2;border-radius:24px;padding:28px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:center}
.nat-hero h1{color:#fff;font-size:52px;line-height:1.05;letter-spacing:-.03em;margin:10px 0 12px}
.nat-hero p{color:#c9d1dd;font-size:17px;line-height:1.5;margin:0 0 16px}
.nat-crumb{display:flex;gap:6px;flex-wrap:wrap;font-size:13px;color:#aab3c2}
.nat-crumb a{color:var(--accent-soft)}
.nat-crumb b{color:#fff;font-weight:600}
.nat-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:4px}
.nat-kpis div{background:rgba(255,255,255,.07);border-radius:14px;padding:12px}
.nat-kpis b{display:block;font-size:24px;color:#fff}
.nat-kpis span{font-size:12.5px;color:#aab3c2}
.nat-maplink{display:inline-block;margin-top:16px;font-weight:700;font-size:14px;color:var(--accent-soft)}
.nat-bigmap{display:block;width:100%;height:auto;max-height:600px}
.nat-bigmap a path{fill:rgba(127,224,173,.2);stroke:rgba(127,224,173,.8);stroke-width:.6;transition:fill .12s}
.nat-bigmap a:hover path,.nat-bigmap a:focus path{fill:rgba(127,224,173,.55)}
.nat-bigmap .ctx path{fill:rgba(255,255,255,.06);stroke:rgba(255,255,255,.12);stroke-width:.4}
.nat-councils{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.nat-council{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff;display:flex;flex-direction:column;gap:6px}
.nat-cn{font-weight:700;color:var(--ink);font-size:15.5px}
.nat-cn:hover{color:var(--accent-ink)}
.nat-council small{color:var(--muted);font-size:12.5px}
.nat-mini{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.nat-mini a{font-size:12.5px;background:var(--bg-2);border-radius:999px;padding:3px 9px;color:var(--ink-2)}
.nat-mini a:hover{background:var(--accent-tint)}
.nat-grades{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.nat-grades div{border-radius:14px;padding:12px 14px;background:var(--accent-tint)}
.nat-grades div.off{background:var(--bg-2)}
.nat-grades b{display:block;font-size:15px}
.nat-grades span{font-size:12.5px;color:var(--muted)}
@media (max-width:1000px){.nat-hero{grid-template-columns:1fr}.nat-councils,.nat-grades{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.nat-hero{padding:20px;border-radius:18px}.nat-hero h1{font-size:40px}.nat-hero p{font-size:15.5px}.nat-kpis b{font-size:20px}.nat-bigmap{max-height:420px}.nat-councils{grid-template-columns:1fr}}