/* hh-town.css v1 (17 Sep 2026) — shared styles for the town pages and the Service Areas hub. Colours come from hh.css variables; no white or pale backgrounds. */
.hh-page .legal{max-width:1000px;margin:0 auto;padding:70px 24px 90px}
.hh-page .legal h1{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(32px,5vw,52px);margin:0 0 18px;line-height:1.05}
.hh-page .legal h2{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:24px;margin:44px 0 12px;color:var(--safety)}
.hh-page .legal p,.hh-page .legal li{color:var(--sand-dim);font-size:15.5px;line-height:1.7}
.hh-page .legal a{color:var(--safety)}
.hh-page .legal .book-btns a.btn{color:#2b1305}
.hh-page .town .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--safety);margin-bottom:10px}
.hh-page .tldr{background:var(--surface);border:1px solid rgba(234,242,249,.14);border-left:4px solid var(--safety);border-radius:10px;padding:20px 24px;margin:0 0 22px}
.hh-page .tldr p{margin:0;color:var(--sand)}
.hh-page .book-btns{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 6px}
.hh-page .town-list,.hh-page .town-steps{margin:0 0 18px;padding-left:22px}
.hh-page .town-list li,.hh-page .town-steps li{margin:6px 0}
.hh-page .town-steps b{color:var(--sand)}
.hh-page .town-near a{white-space:nowrap}
.hh-page .town-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:8px}
.hh-page a.town-card{display:block;background:var(--surface);border:1px solid rgba(234,242,249,.14);border-radius:12px;padding:16px 18px;text-decoration:none;transition:border-color .15s,transform .15s}
.hh-page a.town-card:hover{border-color:var(--safety);transform:translateY(-2px)}
.hh-page a.town-card b{display:block;color:var(--sand);font-size:16px;margin-bottom:4px}
.hh-page a.town-card span{color:var(--sand-dim);font-size:13.5px;line-height:1.45}