/* Overnight round 11 (Oct 14, 2026 ~4:15 AM CT): readability, tap targets, motion-safe polish, card consistency.
   Loaded last (end of footer partial, after r10.css). Revert all = remove the r11.css link in src/partials/footer.html and rebuild.
   Each block is tagged with its SITE-CHANGES.md number. */

/* #251 FAQ summaries: taller tap + larger question text for seniors */
details.px-box > summary,
.faq details > summary{
  font-size:1.2rem;line-height:1.45;min-height:48px;display:flex;align-items:center;cursor:pointer;padding:.55rem .2rem
}
details.px-box > summary + *,
.faq details > summary + *{font-size:1.15rem;line-height:1.6}

/* #253 FAQ / details focus ring matches pink site focus */
details.px-box > summary:focus-visible,
.faq details > summary:focus-visible{outline:3px solid #ff3fb4;outline-offset:3px}

/* #254 Trust checklist + checks keep comfortable line length */
.checks.trust,.checks{max-width:36em}

/* #255 Page leads wrap sooner on wide screens (easier for seniors) */
.page-head .lead,.hero .lead{max-width:40em}

/* #256 Mobile 360–390: contact grid and big links breathe */
@media (max-width:420px){
  .contact-grid{gap:1.25rem}
  .big-links{display:flex;flex-direction:column;gap:.75rem}
  .big-links .btn{width:100%;min-height:52px}
  .page-head h1{font-size:clamp(1.2rem,6.2vw,1.55rem);line-height:1.35}
}

/* #257 Token menu cards: sharper retro edge (match book/refer) */
.tm-card,.tm-grid .tm-card{
  border-width:3px;box-shadow:5px 5px 0 var(--shadow,#0b1030)
}

/* #258 VIP card body readable on phones */
@media (max-width:700px){
  .vip-pitch,.vip-perks li,.vip-next{font-size:1.15rem;line-height:1.55}
  .vip-left .price{font-size:1.6rem}
}

/* #259 Planner / calculator labels and selects larger */
.plan-box label,.plan-box .hint,#plan label{font-size:1.15rem;line-height:1.5}
.plan-box select,.plan-box input{min-height:48px;font-size:1.15rem}

/* #260 Motion OFF / reduce-motion: no smooth scroll jump */
html.calm{scroll-behavior:auto}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}

/* #261 Footer column headings clearer */
footer .footer-col h2{font-size:1.05rem;letter-spacing:.04em;margin-bottom:.65rem}

/* #262 Footer Text button stays full-width friendly on small screens */
@media (max-width:700px){
  .footer-call .btn{width:100%;min-height:52px;justify-content:center}
}

/* #263 Nearby-town links: 44px tap */
.nearby a{display:inline-flex;align-items:center;min-height:44px;padding:.15rem .1rem}

/* #264 Game tip boxes and how-to lists larger */
.tip-box p,.tip-box li,.keys li{font-size:1.15rem;line-height:1.55}
.game-text-hint{margin-top:1rem;font-size:1.15rem;line-height:1.55}

/* #265 Keep-playing / more-games cards taller tap */
.mg-card,.more-games .mg-card{min-height:72px;font-size:1.1rem}
.mg-name{font-size:1.15rem}

/* #266 Waitlist form fields ~48px tall */
.ka-waitlist input,.ka-waitlist select{min-height:48px;font-size:1.15rem}
.ka-waitlist .btn{min-height:48px}

/* #267 Print: hide game HUD chrome and VIP (reinforce) */
@media print{
  .hud,.mode,.ka-vipstrip,.askq,.askq-back,.acct-cta{display:none!important}
}

/* #268 Yellow status bar / INSERT TOKEN readable */
.callbar.statusbar,.statusbar{font-size:1.2rem}
.tb-btn{min-height:44px;font-size:1.05rem}

/* #269 Who-is-it-for and task quick-pick buttons keep 48px+ feel on captions */
.who small,.task span{font-size:1.05rem;line-height:1.35}
.task{min-height:56px}

/* #270 About quote box larger body text */
.about-grid .quote p{font-size:1.2rem;line-height:1.65}
.about-text-hint{margin-top:.75rem;font-size:1.15rem}

/* #271 Group classes card body larger */
.classes-info ul li,.classes-info p{font-size:1.15rem;line-height:1.55}
.classes-card{border-width:3px;box-shadow:6px 6px 0 var(--shadow,#0b1030)}

/* #272 Free-account CTA strip clearer */
.acct-cta p{font-size:1.2rem;line-height:1.55;max-width:42em}
.acct-cta .btn{min-height:52px}

/* #273 Soft card/button hover color fade (off when calm / reduce-motion) */
.card,.px-box.card,.tm-card,.cabinet{
  transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease
}
html.calm .card,html.calm .px-box.card,html.calm .tm-card,html.calm .cabinet{transition:none}
@media (prefers-reduced-motion:reduce){
  .card,.px-box.card,.tm-card,.cabinet{transition:none}
}

/* #274 Contact / book form headings (replaced inline 1rem styles) */
.paid-note-h,.form-h{font-size:1.2rem!important;line-height:1.4;margin:0 0 .75rem}
.reach-fs legend{font-size:1.15rem;font-weight:700;margin-bottom:.35rem}

/* #275 Refer / about / game Text hints spacing */
.refer-text-hint{margin-top:.75rem;font-size:1.15rem}
.game-wrap .game-text-hint a{display:inline-flex;align-items:center;min-height:44px}

/* #276 City page checklist items roomier */
.checks li{font-size:1.15rem;line-height:1.55;margin:.45rem 0}

/* #277 Quest result box readable */
.quest-result{font-size:1.2rem;line-height:1.6}
.quest-result .btn{min-height:48px}

/* #278 Action row (ka-ar) buttons taller on phones */
@media (max-width:700px){
  .ka-ar-btn{min-height:48px;font-size:1.05rem}
}

/* #279 Diff badges on game pages easier to read */
.diff{font-size:.95rem;letter-spacing:.04em;padding:.35rem .55rem}

/* #280 Login crumb links keep 44px tap (match town crumbs) */
.page-head .label a{min-height:44px}