/* Overnight round 15 (Oct 14, 2026 ~6:50 AM CT): town quick links, "New here?" account lines, hint lines, FAQs, forms,
   VIP + group-class teasers, games, 404, about, refer, service area, footer, Motion OFF and high contrast.
   Loaded last (end of footer partial, after r14.css).
   Revert all = remove the r15.css link in src/partials/footer.html and rebuild. Each block is tagged with its SITE-CHANGES.md number. */

/* #427 is HTML only: town-page quick links use aria-hidden <span class="sep"> dots (4 town pages, tagged <!-- r15 #427 -->) */

/* #428 Town pages: quick links ("Check my area", "See prices & packages", "Choose your quest") drop the dots on phones and get even gaps */
@media (max-width:600px){
  .city-quicklinks .sep{display:none}
  .city-quicklinks a{margin-right:1.1rem}
}

/* #429 "New here? Create a free account…" lines: a gold bar on the left and a little padding so they read as an invitation */
.acct-nudge{border-left:4px solid #ffd23f;padding:.35rem 0 .35rem .9rem}

/* #430 "New here?" lines: the "Create a free account" link is gold and bold */
.acct-nudge a{color:#ffd23f;font-weight:700;text-decoration-thickness:2px;text-underline-offset:.2em}
.acct-nudge a:hover,.acct-nudge a:focus-visible{color:#fff}

/* #431 "New here?" lines: the gold bar softly glows, slowly (matches the Login "New here" card; off with Motion OFF / reduce motion) */
@media (prefers-reduced-motion:no-preference){
  html:not(.calm) .acct-nudge{animation:r15Nudge 3.6s ease-in-out 1.5s infinite}
}
@keyframes r15Nudge{0%,100%{box-shadow:none}50%{box-shadow:-6px 0 14px -6px rgba(255,210,63,.6)}}

/* #432 High contrast: "New here?" bar and link in white */
html.hc .acct-nudge{border-left-color:#fff;animation:none}
html.hc .acct-nudge a{color:#fff!important}

/* #433 Quest, Refer and Service area "Text 763-329-5464" hint lines keep a comfortable line length and line spacing */
.quest-text-hint,.refer-text-hint,.ac-text-hint{max-width:40em;line-height:1.6}

/* #434 Those hint lines: the Text link is a full 44px tap target */
.quest-text-hint a,.refer-text-hint a,.ac-text-hint a{display:inline-flex;align-items:center;min-height:44px}

/* #435 Quest page: a little more room between the "New here?" line and "Not sure which quest?" */
.acct-nudge + .quest-text-hint{margin-top:1rem}

/* #436 FAQs: questions get a faint gold tint on hover, so it's clear they open */
.faq details > summary:hover,details.px-box > summary:hover{background:rgba(255,210,63,.08)}
html.calm .faq details > summary,html.calm details.px-box > summary{transition:none}

/* #437 FAQs: answers stop at a comfortable line length on wide screens */
.faq details > summary + *,details.px-box > summary + *{max-width:42em}

/* #438 FAQs: the + / × open marker is a touch bigger */
.faq summary::after,details.px-box > summary::after{font-size:1.05rem}

/* #439 Forms: field labels bold and easy to read */
main .field > label{font-size:1.15rem;font-weight:700;line-height:1.45}

/* #440 Forms: the box you're typing in gets a gold border (mouse and touch too, not just keyboard) */
main input:not([type=radio]):not([type=checkbox]):focus,main select:focus,main textarea:focus{border-color:#ffd23f}

/* #441 Waitlist forms (VIP, group classes): a bit more space between fields */
.ka-waitlist .field{margin-bottom:.9rem}

/* #442 Waitlist forms: the "You're on the list" message is bigger and bold */
.ka-waitlist .status{font-size:1.15rem;font-weight:700;line-height:1.5;margin:.6rem 0 0}
.ka-waitlist .status:empty{margin:0}

/* #443 Contact: the chosen "Text me" / "Email me" option gets a gold outline */
.reach-fs .choice:has(input:checked){outline:2px solid #ffd23f;outline-offset:2px}

/* #444 Contact form: text boxes and dropdowns at least 52px tall */
#contact-form input:not([type=radio]):not([type=checkbox]),#contact-form select{min-height:52px}

/* #445 Ask-a-question popup: the "I'm asking for a parent" checkbox row is a full tap target and wraps neatly */
.askq-check{min-height:44px;font-size:1.15rem;line-height:1.45;align-items:flex-start!important}
.askq-check input{flex:0 0 1.6rem;margin-top:.1rem}

/* #446 Sessions VIP card: "OUT OF STOCK · ALL 3 SPOTS TAKEN" sits on its own line under SOLD OUT on phones */
@media (max-width:480px){.vip-stamp small{display:block;flex-basis:100%}}

/* #447 Sessions VIP card: perk list line spacing */
.vip-perks li{line-height:1.5;padding:.1rem 0}

/* #448 Group-class teaser (Home + Sessions): gold border so it stands out more */
.ka-gc-tease .gc-card{border-color:#ffd23f}
html.hc .ka-gc-tease .gc-card{border-color:#fff}

/* #449 Group-class teaser on phones: "COMING SOON" chip stays chip-sized (r12 #316 stretched it full width) */
@media (max-width:420px){.ka-gc-tease .gc-card > .tierchip{align-self:flex-start}}

/* #450 Home: Group classes + Platinum VIP cards: list lines easier to read */
#vip .tier ul li{font-size:1.15rem;line-height:1.55;margin-bottom:.3rem}

/* #451 Home world map: level tile descriptions wrap evenly (no single word left alone on the last line) */
.levels .level small{text-wrap:balance}

/* #452 High contrast: quest buttons, quick tasks, "Who is this for?" buttons and map tiles get a thick yellow focus ring */
html.hc .quest-btn:focus-visible,html.hc .task:focus-visible,html.hc .who:focus-visible,html.hc .level:focus-visible{outline:4px solid #ffe14d!important;outline-offset:3px}

/* #453 Trust row ("Why book with Christian") items easier to read */
.checks.trust li{font-size:1.15rem;line-height:1.5;margin-bottom:.3rem}

/* #454 Arcade: the three Play buttons line up at the bottom of their cabinets */
.cabinet > .btn:last-child{margin-top:auto}

/* #455 Arcade: room between each game's description and its Play button */
.cabinet > p:not(.diff){margin-bottom:1.1rem}

/* #456 Game pages: "Text 763-329-5464" / "create a free account" links under the tips are 44px tap targets */
.game-text-hint a{display:inline-flex;align-items:center;min-height:44px}

/* #457 Game pages: Tip / How to play headings get space underneath */
.tip-box h3{margin:0 0 .55rem}

/* #458 Game pages: even gap between the Tip and How to play boxes */
.tip-box + .tip-box{margin-top:1.1rem}

/* #459 Game pages: more room above the "Keep playing" cards */
.more-games{margin-top:2.25rem}
.more-games h2{margin-bottom:1rem}

/* #460 High contrast: the chosen Easy / Normal mode button gets a white outline */
html.hc .mode .btn[aria-pressed="true"]{outline:3px solid #fff;outline-offset:2px}

/* #461 404 page: the blinking "CONTINUE?" cursor stays still with Motion OFF or reduce motion */
html.calm .cursor{animation:none}
@media (prefers-reduced-motion:reduce){.cursor{animation:none}}

/* #462 High contrast: business promise chips, contact town chips and town pills get white borders */
html.hc .biz-promise li,html.hc .ct-chips li,html.hc .pills li{border-color:#fff!important;box-shadow:none!important}

/* #463 Footer: the small-print paragraphs get roomier line spacing */
footer .wrap > p{line-height:1.6}

/* #464 Footer: "Text 763-329-5464" button full width on phones */
@media (max-width:420px){footer .footer-call .btn{display:flex;width:100%;justify-content:center}}

/* #465 "Skip to main content" link: bigger tap area when it appears */
.skip:focus,.skip:focus-visible{min-height:48px;display:inline-flex;align-items:center;padding:.75rem 1.1rem}

/* #466 404 page on phones: popular page links in two even columns (email link full width) */
@media (max-width:480px){
  .nf-links{display:grid;grid-template-columns:1fr 1fr;gap:.25rem 1rem}
  .nf-links li:last-child{grid-column:1/-1}
}

/* #467 About: "What to expect" card gets inner padding */
.about-expect .px-box.card{padding:1.4rem 1.5rem}

/* #468 Refer: "Get your link", "How it works" and "Rewards" boxes get inner padding */
#ref-members.px-box,#ref-members ~ div > .px-box.card,.ref-rewards.px-box{padding:1.4rem 1.5rem}
@media (max-width:420px){#ref-members.px-box,#ref-members ~ div > .px-box.card,.ref-rewards.px-box{padding:1.1rem 1rem}}

/* #469 Refer: "You" and "Your friend" reward lines spaced apart */
.ref-rewards p{margin:0 0 .75rem;line-height:1.55}

/* #470 Question boxes (Sessions, Service area, town pages): once opened, a little space between the question and its answer */
details.px-box[open] > summary{margin-bottom:.6rem}

/* #471 Consult: paragraphs in the free-account box spaced out */
#acct-box > p{line-height:1.6}
#acct-box > p + p{margin-top:1rem}

/* #472 Town pages: "No travel fees in any of them." sits a little below the nearby-town links */
.nearby .hint{margin-top:.6rem}

/* #473 Login: player card text line spacing */
.ps-card p{line-height:1.55}

/* #474 Home quick facts: labels line spacing so two-line labels don't crowd */
.ka-stats span{display:block;line-height:1.4}

/* #475 Home "3 easy levels": space between the number badge and the heading */
.how-steps .how-n{margin-bottom:.75rem}

/* #476 Sessions token planner: "That's about 1 token ($125)" result line spacing */
.plan-out{line-height:1.5;margin:1rem 0}

/* #477 "token" tooltip word on Sessions: underline turns gold on hover / keyboard focus */
.ka-tip:hover,.ka-tip:focus-visible{text-decoration-color:#ffd23f}

/* #478 High contrast (Windows forced colors): "New here?" bar and the group-class teaser keep visible borders */
@media (forced-colors:active){
  .acct-nudge{border-left:4px solid CanvasText;animation:none}
  .ka-gc-tease .gc-card{border:3px solid CanvasText}
}