@media(max-width:600px){html{-webkit-text-size-adjust:100%;scroll-padding-top:85px}input,select,textarea{font-size:16px}a.nav-cta{min-height:44px;display:inline-flex;align-items:center;justify-content:center;line-height:1.5}.nav{gap:10px}.nav-cta{white-space:normal;text-align:center}.card .more{display:inline-flex;align-items:center;min-height:44px}.card h3{line-height:1.65}.crumb{line-height:1.8}.crumb a{display:inline-block;padding-block:8px}.vocab-table,.table-wrap{max-width:100%;overflow-x:auto}img{max-width:100%}}@media(max-width:360px){.nav-cta{font-size:12px;padding:10px 12px}.nav img{max-width:110px;height:auto}}

/* Shared London Learner visual tokens across every page. */
:root{--cream:#F3EDE9;--rose:#C82051;--ink:#3A2E33;--ink-soft:#6B5A62;--muted:#6B5A62;--blue-deep:#365F88;--button-radius:999px}
body{background:var(--cream);color:var(--ink)}
.button,.btn,.nav-cta,.picker-line{border-radius:var(--button-radius)}
.header,header{background:rgba(243,237,233,.97)}
h1,h2,h3{letter-spacing:0;line-height:1.5}
.hero h1{letter-spacing:0}.hero h1 em{letter-spacing:0}
.th{color:#A91B44}.pos{font-style:normal;color:#365F88}.tag{color:#365F88}.eyebrow{color:#A91B44}
.handnote{font-style:normal}.cta{background:var(--rose);color:#fff}.cta p,.cta .home{opacity:1}.cta h2{color:#fff}
footer{background:var(--cream);color:var(--ink-soft);border-top:1px solid #DCCFC8}.footer-grid p,.copyright{color:var(--ink-soft)}
.nav-cta,.btn-primary,.picker-line{box-shadow:none}.nav-cta:hover,.btn-primary:hover,.why-card:hover,.k-card:hover{transform:none;box-shadow:none}.crest-plate{animation:none}
.reveal{opacity:1;transform:none;transition:none}
.say{min-width:44px;min-height:44px;flex-basis:44px}
@media(max-width:600px){.hero h1{letter-spacing:0}.hero h1 em{font-size:.76em}.hero .eyebrow{letter-spacing:0}.photo-caption{font-size:12px;padding-left:0}.hero-visual{padding-bottom:100px}.photo-small{bottom:0}.photo-small span{font-size:12px}.handnote{max-width:48%;font-size:12px}.lesson-top{letter-spacing:.5px}.nav .button{font-size:12px}.nav{gap:4px}.hero-price{font-size:12px}}
@media(max-width:360px){.nav .brand,.nav .brand img{width:74px}.nav .button{padding-inline:8px}.menu-toggle{padding-inline:4px}.hero .eyebrow{font-size:12px}}

/* Compact header, clearer small labels, discreet swipe rails. */
a.nav-cta{white-space:nowrap;flex-shrink:0}
.eyebrow,.knowledge-card .tag,.path-tab:not([aria-pressed=true])>span{color:#96183D}
.tag{color:#294E72}.pill{color:#96183D}.photo-caption{color:#96183D}
.slides{scrollbar-width:thin;scrollbar-color:#A27E89 transparent;overscroll-behavior-x:contain}
.slides::-webkit-scrollbar{height:4px}.slides::-webkit-scrollbar-track{background:transparent}.slides::-webkit-scrollbar-thumb{background:#A27E89;border-radius:999px}
@media(max-width:600px){a.nav-cta{padding:10px 16px;font-size:13px}.mobile-bar{display:none}body.mobile-actions-visible .mobile-bar{display:flex}body.mobile-actions-visible .header>.nav>.button{visibility:hidden;pointer-events:none}.slides{padding-bottom:10px}}
/* Vocabulary audio controls; recordings download only when requested. */
button.say{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;vertical-align:middle;margin:0 8px 4px 0;border:1px solid var(--rose,#C82051);border-radius:50%;background:transparent;cursor:pointer;font-size:18px;flex-shrink:0}
button.say.speaking{background:#f4dce4}button.say:focus-visible{outline:3px solid #294E72;outline-offset:3px}
.audio-status:empty{display:none}.audio-status:not(:empty){position:fixed;bottom:20px;left:20px;right:20px;padding:12px;background:#fff;color:#3A2E33;border:1px solid #C82051;border-radius:8px;z-index:100}

/* v45: whole question row toggles Q&A (easier taps on phones) */
details>summary{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;min-height:48px;border-radius:8px;transition:background-color .15s}
details>summary *{pointer-events:none}
details>summary:active{background-color:rgba(200,32,81,.07)}
.faq-contact summary{align-items:center}
