/* Overnight round 6 (Oct 14, 2026 ~2 AM CT): small readability + accessibility refinements.
   Loaded last (end of footer partial). Revert all = remove the r6.css link in src/partials/footer.html and rebuild.
   Each block is tagged with its SITE-CHANGES.md number (#39-#73). */

/* #39 footer column headings are now h2 (correct heading order); keep the exact same look */
.footer-col h2{font-family:var(--pixel,"Press Start 2P",monospace);font-size:13px;line-height:1.7;color:#f8b800;margin:0 0 .75rem;letter-spacing:normal;text-shadow:none}

/* #42 logo link: at least 48px tall so it's easy to tap */
header.site .topbar .logo{min-height:48px}

/* #50 "(coming soon)" sits on its own line and is readable (was 12.8px squeezed beside the label) */
.btn-soon{flex-direction:column;justify-content:center;gap:.15rem;text-align:center}
.btn-soon small{display:block;font-size:15px!important;line-height:1.2}

/* #56 service-area town card titles: bigger tap area */
.card h3>a{display:inline-flex;align-items:center;min-height:48px}

/* #57 footer "Serving:" town links: taller tap targets */
footer .serving-links a{display:inline-block;padding:.55rem .1rem}

/* #58 mobile bottom bar labels: 12.5px -> 14px for easier reading */
@media (max-width:700px){.fx-dock.bar-c .bar-l{font-size:.875rem;line-height:1.15}}

/* #59 quest "Quick picks" labels a little larger */
.task span{font-size:1.1rem}

/* #60 keyboard tip ("press Tab then Enter") hidden on touch screens where it doesn't apply */
@media (hover:none) and (pointer:coarse){.kbd-hint{display:none}}

/* #61 clear focus ring on FAQ questions for keyboard users */
details>summary:focus-visible{outline:3px solid var(--gold,#ffd23f);outline-offset:4px}

/* #62 selected text uses the brand gold so it stays readable */
::selection{background:#ffd23f;color:#0b1030}

/* #63 headings and intro lines break more evenly (no lonely last word) */
h1,h2,h3{text-wrap:balance}
.lead,main p{text-wrap:pretty}

/* #64 long email addresses wrap instead of pushing the page sideways on small phones */
a[href^="mailto:"]{overflow-wrap:anywhere}

/* #65 ask-a-question checkbox row: full 48px tap target */
.askq-check{min-height:48px;cursor:pointer}

/* #52 "What a token buys" list on Book: one price per line */
.tok-list{list-style:none;padding:0;margin:.4rem 0 1.2rem;display:grid;gap:.35rem}
.tok-list li{padding-left:1.4rem;position:relative}
.tok-list li::before{content:"▸";position:absolute;left:0;color:var(--heading,#2de2e6)}

/* #70 city pages: "Nearby towns" link row */
.nearby{margin-top:1.75rem}
.nearby h3{margin:0 0 .5rem}
.nearby ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}
.nearby a{display:inline-flex;align-items:center;min-height:48px;font-weight:700}

/* #71 404 page: popular-pages list */
.nf-links{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem 1.4rem}
.nf-links a{display:inline-flex;align-items:center;min-height:48px;font-weight:700}

/* #44 skip link target: no stray outline box on the main area when focused */
main:focus{outline:none}

/* motion + contrast settings still win */
@media (prefers-reduced-motion:reduce){.btn-soon,.nearby a,.nf-links a{transition:none}}
html.hc ::selection{background:#fff;color:#000}