/* Overnight round 9 (Oct 14, 2026 ~3:30 AM CT): readability, tap-target, motion and polish tweaks.
   Loaded last (end of footer partial, after r8.css). Revert all = remove the r9.css link in src/partials/footer.html and rebuild.
   Each block is tagged with its SITE-CHANGES.md number. */

/* #170 small "breadcrumb" links above page titles ("Service area" on town pages, "Arcade" on game pages): 13px -> 44px tall tap area (looks the same) */
.page-head .label a{display:inline-flex;align-items:center;min-height:44px;padding:0 .2rem;margin:0 -.2rem}

/* #171 "LOADING SERVICE AREA" bar on the home page now stays still with Motion OFF or the device's reduce-motion setting (a later rule was overriding it) */
html.calm .fx-serve.go .sv-fill{animation:none!important;width:100%}
html.calm .fx-serve.go .sv-towns b,html.calm .fx-serve.go .sv-towns i{animation:none!important;opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .fx-serve.go .sv-fill{animation:none!important;width:100%}
  .fx-serve.go .sv-towns b,.fx-serve.go .sv-towns i{animation:none!important;opacity:1;transform:none}
}

/* #172 home Contact card: the "& nearby" chip matches the town chips (same 20.8px size, text centered instead of stuck to the top) and the "No travel fees" note 16.8px -> 18.4px */
.ct-rows .ct-chips li:not(:has(a)){display:inline-flex!important;align-items:center;font-size:1.3rem}
.ct-rows .ct-note{font-size:1.15rem}

/* #173 business promise chips (Free consult / Quoted up front / 1 business day) 17.6px -> 18.4px, roomier line height */
.biz-promise li{font-size:1.15rem;line-height:1.4}

/* #174 Sessions token menu: the short description on each price card 16px -> 17.6px */
.tm-desc{font-size:1.1rem;line-height:1.5}

/* #175 footer info lines (King Atlas Technologies · Based in South St. Paul · Serving · privacy note) 17.6px -> 18.4px */
footer .wrap>p{font-size:1.15rem}

/* #176 Arcade page "Free account required to play" note 17.6px -> 18.4px */
.cabinets~.note{font-size:1.15rem}

/* #177 home Contact card row labels ("Text", "Email", "Based in South St. Paul") 16px -> 17.6px */
.ct-rows b{font-size:1.1rem}

/* #178 home "3 steps to start" text and the quick-facts labels ("per token", "tokens expire") 17.6px -> 18.4px */
.ka-stepper p,.ka-stats span{font-size:1.15rem}

/* #180 FAQ answers on Sessions, Service area and town pages get the same gentle slide-in as the home FAQ when opened (off with Motion OFF / reduce motion) */
@media (prefers-reduced-motion:no-preference){html:not(.calm) details.px-box[open]>p{animation:kaDrop .3s cubic-bezier(.22,.9,.3,1)}}

/* #181 linked town pills on Sessions and About keep the readable 18.4px size and a full 44px tap height */
.pills.city-pills li{font-size:1.15rem}
.pills.city-pills a{min-height:44px;line-height:44px}

/* #182 new "New here? Create a free account" line on Quest and About: same look as the other pages, with breathing room */
#quests~.acct-nudge,.about-grid .acct-nudge{margin-top:1.4rem}

/* #183 Sessions "How many tokens do I need?" answer: one soft gold glow when it changes (off with Motion OFF / reduce motion) */
@keyframes r9PlBump{0%{text-shadow:0 0 0 rgba(255,210,63,0)}35%{text-shadow:0 0 14px rgba(255,210,63,.85)}100%{text-shadow:0 0 0 rgba(255,210,63,0)}}
@media (prefers-reduced-motion:no-preference){html:not(.calm) #pl-tok.pl-bump{animation:r9PlBump .6s ease-out}}
.plan-out{line-height:1.5}

/* #184 phones: the planner answer and the business promise chips wrap neatly at 360px */
@media (max-width:420px){.plan-out{font-size:1.2rem}.biz-promise li{width:100%}}