/* Overnight r23 — polish after live r22. Every block tagged /* r23 #NNN */. Magenta/cyan/gold only; no green. */

/* r23 #677 Light mode: mobile dock / tab bar readable (cream panel, magenta border, dark labels) */
html.light .fx-dock,html.light .fx-dock.bar-a,html.light .fx-dock.bar-b,html.light .fx-dock.bar-c,html.light .fx-dock.bar-d{
  background:#ffffff!important;border-top-color:#c2007a!important;box-shadow:0 -4px 0 rgba(255,62,165,.35)!important;color:#1d1236!important}
html.light .fx-dock a,html.light .fx-dock .btn,html.light .fx-dock .bar-l,html.light .fx-dock .bar-k{color:#1d1236!important}
html.light .fx-dock a[aria-current],html.light .fx-dock a.on,html.light .fx-dock .btn-primary{background:#ffd23f!important;color:#1d1236!important}

/* r23 #678 Light mode: skip-to-content solid cream panel + magenta border + gold focus */
html.light .skip,html.light a.skip,html.light .skip-link{
  background:#ffffff!important;color:#a3006a!important;border:3px solid #c2007a!important}
html.light .skip:focus,html.light .skip:focus-visible,html.light a.skip:focus-visible{
  outline:3px solid #ffd23f!important;outline-offset:2px!important}

/* r23 #679 Light mode: referral banner (ref-banner / callbar strip) cream with readable text */
html.light .ref-banner,html.light .callbar:not(.callbar-fixed):not(.sticky-call){
  background:#f3ebff!important;color:#1d1236!important;border-color:#c2007a!important}
html.light .ref-banner a,html.light .callbar a{color:#a3006a!important}

/* r23 #680 Light mode: signup nudge popup (.ka-nudge) cream card, dark text, gold primary */
html.light .ka-nudge{background:rgba(40,20,70,.55)!important}
html.light .ka-nudge .px-box,html.light .ka-nudge>.px-box{background:#ffffff!important;color:#1d1236!important;border-color:#c2007a!important}
html.light .ka-nudge h2{color:#a3006a!important;text-shadow:none!important}
html.light .ka-nudge p,html.light .ka-nudge-perks li{color:#2a1a48!important}
html.light .ka-nudge-small{color:#5a4a7a!important}
html.light .ka-nudge .btn:not(.btn-primary){border-color:#c2007a!important;color:#1d1236!important}

/* r23 #681 Light mode: Ask a free question modal contrast */
html.light .askq-back{background:rgba(40,20,70,.55)!important}
html.light .askq-box{background:#ffffff!important;color:#1d1236!important;border-color:#c2007a!important;box-shadow:8px 8px 0 #f0b400!important}
html.light .askq h2,html.light .askq-sub,html.light .askq-done p,html.light .askq label{color:#1d1236!important}
html.light .askq-fine a{color:#a3006a!important}
html.light .askq-x{background:#f3ebff!important;color:#a3006a!important;border-color:#c2007a!important}

/* r23 #682 Light mode: live chat bubble (#ka-live) cream panel */
html.light #ka-live,html.light #ka-live .ka-live-panel,html.light #ka-live .ka-chat-panel{
  background:#ffffff!important;color:#1d1236!important;border-color:#c2007a!important}
html.light #ka-live a,html.light #ka-live button{color:#1d1236}
html.light #ka-live .btn-primary{background:#ffd23f!important;color:#1d1236!important}

/* r23 #683 Light mode: focus rings on levelnav + top-tools gold (same as dark) */
html.light .levelnav a:focus-visible,html.light .top-tools a:focus-visible,html.light .top-tools button:focus-visible,
html.light .tool-btn:focus-visible,html.light .acct-btn:focus-visible,html.light .set-sw:focus-visible{
  outline:3px solid #ffd23f!important;outline-offset:2px!important;box-shadow:0 0 0 6px rgba(255,210,63,.28)!important}

/* r23 #684 Light mode: form labels on contact / book stay dark and bold */
html.light form label,html.light .field label,html.light .area-check label{color:#1d1236!important;font-weight:700}

/* r23 #685 Light mode: "(not open yet)" disabled buttons readable (dashed magenta, muted but clear) */
html.light .btn-soon,html.light [aria-disabled="true"].btn,html.light span.btn.btn-soon{
  background:#f3ebff!important;color:#5a4a7a!important;border:3px dashed #c2007a!important;opacity:1!important}
html.light .btn-soon small,html.light span.btn.btn-soon small{color:#7a6a9a!important;font-size:.9rem}

/* r23 #686 Light mode: coin-drop modal text contrast (cream box, dark copy, gold accents) */
html.light .cd-box{background:#ffffff!important;color:#1d1236!important}
html.light .cd-box h2,html.light .cd-sum,html.light .cd-sum b{color:#1d1236!important}
html.light .cd-note,html.light .cd-help{color:#3a2a5a!important}
html.light .cd-pop{color:#8a5a00!important}
html.light .cd-x{border-color:#c2007a!important;color:#a3006a!important}

/* r23 #687 Light mode: more-quests expander (if present) cream card */
html.light .more-quests{background:#ffffff!important;border-color:#c2007a!important;box-shadow:5px 5px 0 #f0b400!important}
html.light .more-quests>summary{color:#8a5a00!important}
html.light .more-quests>summary small{color:#5a4a7a!important}
html.light .more-quests[open]>summary{border-bottom-color:#c2007a}

/* r23 #688 Motion OFF / reduce-motion: coin-drop modal never animates (even if cd-play is set) */
html.calm .cd-play .cd-coin,html.calm .cd-play .cd-pop,
html.calm .cd-coin,html.calm .cd-pop{animation:none!important}
html.calm .cd-pop{opacity:1!important}
html.calm .cd-coin{top:20px!important;transform:none!important;opacity:1!important}
@media (prefers-reduced-motion:reduce){
  .cd-play .cd-coin,.cd-play .cd-pop,.cd-coin,.cd-pop{animation:none!important}
  .cd-pop{opacity:1!important}.cd-coin{top:20px!important;transform:none!important;opacity:1!important}
}

/* r23 #689 Motion OFF: Book choice cards and buy buttons don't lift on hover */
html.calm .bk-choice:hover,html.calm .bk-buy:hover,html.calm .bk-choice,html.calm .bk-buy{transform:none!important}
@media (prefers-reduced-motion:reduce){.bk-choice:hover,.bk-buy:hover{transform:none!important}}

/* r23 #690 Motion OFF: chat bubble fade is instant (no opacity transition) */
html.calm #ka-live,html.calm.ka-chat-late #ka-live{transition:none!important}
@media (prefers-reduced-motion:reduce){#ka-live{transition:none!important}}

/* r23 #691 Senior readability: Book labels / tags / chips a bit larger */
.bk-tag{font-size:1.05rem!important;letter-spacing:.05em}
.bk-what{font-size:1.2rem!important;line-height:1.55}
.bk-ex{font-size:1.12rem!important}
.bk-facts{font-size:1.15rem!important}
.bk-biz,.acct-nudge{font-size:1.15rem!important;line-height:1.5}

/* r23 #692 Senior readability: Business page notes and list rows larger */
.biz-note{font-size:1.15rem!important;line-height:1.55}
.biz-list li{font-size:1.12rem!important;line-height:1.5;min-height:2.6rem;align-items:center}
.biz-small{font-size:1.08rem!important;line-height:1.5}
.biz-promise{font-size:1.12rem!important}

/* r23 #693 FAQ / details summaries on Book & Business: ≥48px tap */
.bk-how ~ section details>summary,
section[aria-labelledby="faq-title"] details>summary,
#faq-title ~ details>summary{min-height:48px!important;padding-top:.65rem!important;padding-bottom:.65rem!important;font-size:1.15rem!important}

/* r23 #694 Contact terminal: slightly stronger contrast on prompt + list dividers (keep dark CRT look) */
.ct-term{border-width:4px}
.ct-term-list>div{border-bottom-color:rgba(34,230,255,.5)!important}
.ct-term-prompt{font-weight:700;letter-spacing:.04em}
.ct-term-list a,.ct-term-link{text-underline-offset:4px;text-decoration-thickness:2px}

/* r23 #695 Visit-type chips on Book hero: readable cartridge pills */
.bk-visit-ways{list-style:none;padding:0;margin:.9rem 0 0;display:flex;flex-wrap:wrap;gap:.55rem}
.bk-visit-ways li{
  display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding:.45rem .9rem;
  background:rgba(21,26,61,.9);border:2px solid #ff3fb4;border-radius:12px;color:#fff;
  font-weight:700;font-size:1.08rem;box-shadow:3px 3px 0 #ffd23f}
html.light .bk-visit-ways li{background:#ffffff!important;color:#1d1236!important;border-color:#c2007a!important;box-shadow:3px 3px 0 #f0b400!important}

/* r23 #696 a11y: light-mode focus-visible gold rings on Book buy + visit chips + FAQ */
html.light .bk-buy:focus-visible,html.light .bk-visit-ways a:focus-visible,
html.light .cd-go:focus-visible,html.light .cd-no:focus-visible,html.light .cd-x:focus-visible,
html.light details>summary:focus-visible{
  outline:3px solid #ffd23f!important;outline-offset:2px!important}

/* r23 #697 Print: hide coin-drop modal and live chat (extend r21 print rules) */
@media print{
  .cd-modal,#cd-modal,#ka-live,.ka-chat-open{display:none!important}
  .bk-visit-ways{box-shadow:none!important}
}

/* r23 #698 Scroll-margin for new Book anchors (#cost, #bk-how-title, FAQ) */
#cost,#cost-title,#bk-how-title,#b-title,#faq-title,#business,.bk-how,[id="cost"]{scroll-margin-top:6.5rem}
@media (max-width:700px){#cost,#cost-title,#bk-how-title,#b-title,#faq-title{scroll-margin-top:5.5rem}}

/* r23 #699 No green: reinforce --green / CRT leftover mint → cyan (after theme sheets) */
:root{--green:#22e6ff!important}
html[data-theme="crt"]{--heading:#22e6ff;--link:#22e6ff;--border:#22e6ff}
.co-perks{color:#ffd23f!important}

/* r23 #700 No green: any leftover mint utility classes → cyan/gold */
.mint,.ok-mint,.badge-beginner[style*="7dff"],.perk-mint{color:#22e6ff!important}

/* r23 #701 Small layout: Manage account / top-tools breathing room */
.top-tools{gap:.75rem!important;align-items:center}
.top-tools .acct-btn{padding:.55rem .85rem!important;min-height:44px}
@media (min-width:641px) and (max-width:900px){
  .top-tools{gap:.5rem!important}
  .acct-btn .acct-txt{font-size:.95rem}
}

/* r23 #702 Phones ≤390: Book choices stack with side padding so cards don't kiss the edge */
@media (max-width:390px){
  .bk-choices{gap:1rem;padding:0 .15rem}
  .bk-choice{padding:1.15rem!important}
  .bk-how .wrap,.alt#cost .wrap,section.alt .wrap{padding-left:1rem;padding-right:1rem}
  .bk-visit-ways{gap:.4rem}
  .bk-visit-ways li{font-size:1rem;padding:.4rem .7rem}
}

/* r23 #703 Hero "Business owner?" link: larger tap target */
.hero-biz a{
  display:inline-flex;align-items:center;min-height:44px;padding:.35rem .15rem;
  font-size:1.15rem;text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:2px}
.hero-biz a:focus-visible{outline:3px solid #ffd23f;outline-offset:3px}

/* r23 #704 Signup "New here?" lines: soft emphasis, senior-friendly size */
.acct-nudge-new{margin-top:1rem!important;padding:.75rem 1rem;border-left:4px solid #ffd23f;background:rgba(255,210,63,.08);border-radius:0 10px 10px 0}
html.light .acct-nudge-new{background:rgba(255,210,63,.22)!important;border-left-color:#c2007a}

/* r23 #705 Light mode: status-bar arcade +1 TOKEN stays readable on purple bar */
html.light .tb-arc-pop{color:#ffd23f!important}
html.light .statusbar .tb-arc svg{filter:drop-shadow(0 0 1px #000)}

/* r23 #706 Book step numbers stay crisp; light mode uses magenta fill */
html.light .bk-n{background:#a3006a!important;color:#fff!important;border-color:#ffd23f!important}

/* r23 #707 Motion OFF: status-bar coin drop already calm in r22; also kill #ka-live opacity flash */
html.calm.ka-chat-late #ka-live{visibility:hidden;opacity:0}
html.calm:not(.ka-chat-late) #ka-live{visibility:visible;opacity:1}

/* r23 #708 Equal-height Book choice cards: buy button stays at bottom on desktop */
@media (min-width:761px){
  .bk-choices{align-items:stretch}
  .bk-choice{height:100%}
  .bk-buy{width:100%}
}

/* r23 #709 Contact terminal link tap ≥44px already; bump CHAT button line-height for seniors */
.ct-term-list dd,.ct-term-link{min-height:48px;display:inline-flex;align-items:center}

/* r23 #710 Light mode: Press Start perk boxes keep readable body text */
html.light .ka-perks8 .ka-perk{background:#ffffff!important}
html.light .ka-perk b{color:#a3006a!important}

/* r23 #711 Soft: disabled checkout note color in dark stays readable (reinforce r19) */
.btn-soon small{font-size:.9rem;opacity:.95}

/* r23 #712 No sideways overflow on Book coin-drop / choices at 390 */
.cd-box,.bk-choices,.bk-card{max-width:100%;box-sizing:border-box}
.cd-row .btn{max-width:100%}