/* Shared phone and tablet layouts; keep zoom and theme controls available. */
img,video{max-width:100%;height:auto}main,section,article,aside,header>*,.answer>*{min-width:0}button,a,input,select,textarea{touch-action:manipulation}input,select,textarea{max-width:100%}p,li,h1,h2,h3,a{overflow-wrap:break-word}
@media(max-width:1100px){header{height:auto;min-height:100px;padding-block:18px}header nav{flex-wrap:wrap;gap:10px 18px}header .brand{margin-right:auto}.learning-links{margin-inline:28px}.assessment-options{grid-template-columns:repeat(3,minmax(0,1fr))}.assessment-options .button{width:100%;white-space:normal}.hero{gap:24px}.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subject{min-height:250px}.subject h3{min-height:0}.daily{grid-template-columns:1fr 1fr}.learning-page header{height:auto}}
@media(max-width:800px){header{padding:16px 20px;gap:12px}header nav{display:flex;order:5;flex-basis:100%;justify-content:flex-start;gap:6px 16px}header nav a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}header .brand{font-size:22px}header .brand-plus{display:none}header #account-button{min-height:44px;padding:11px 14px}header .reading-tools-button,header .quiet{min-height:44px}.hero{grid-template-columns:1fr;padding-top:36px}.hero-art{max-width:380px;margin:auto}.hero h1{font-size:clamp(38px,7vw,54px)}.hero-copy>p{font-size:15px}.hero-actions,.hero-foot{flex-wrap:wrap}.assessment-options{grid-template-columns:1fr}.assessment-section{padding:24px}.assessment-options p,.subject p,.daily-left p,.steps p,.parents>div>p{font-size:14px}.assessment-options .button{width:auto;font-size:14px;min-height:44px}.daily{grid-template-columns:1fr}.daily-answers button{min-height:48px;font-size:16px}.daily details{font-size:14px}.daily summary{min-height:44px;padding-block:10px}.learning-links{margin:28px 20px;padding:24px}.learning-page{margin-top:28px;padding-inline:20px}.learning-page nav{display:flex;flex-wrap:wrap}.learning-page p,.learning-page li{line-height:1.8}.learning-related{padding:22px}.learning-actions .button{min-height:48px}.subject-results{grid-template-columns:1fr 1fr}.cookie-banner button{min-height:44px;font-size:13px}.footer-policies button{min-height:44px;font-size:13px}.form-grid{grid-template-columns:1fr}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}dialog{padding:24px 20px}.button,.quiet,.reading-tools-button{min-height:44px}.modal-actions{gap:10px}.number-grid{grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}.number-grid button{min-height:44px;font-size:12px}.assessment-tools{flex-wrap:wrap;gap:12px;font-size:13px}.admin-wrap{padding-inline:16px}.admin-card{padding:18px}.admin-card fieldset{min-width:0;padding:12px}.admin-card table{display:block;overflow-x:auto}}
@media(max-width:480px){header{padding-inline:16px}header .brand{font-size:20px}header .brand-icon{font-size:30px}header #progress-button{margin-left:auto}.hero,.practice-section,.how{padding-inline:20px}.hero h1{letter-spacing:-1.5px}.hero-actions{align-items:flex-start;gap:14px}.hero-actions .button{width:100%}.trust-strip{gap:14px;padding-inline:16px;line-height:1.6}.subject-grid{grid-template-columns:1fr}.subject{min-height:0;padding:22px}.subject-top{margin-bottom:14px}.subject h3{font-size:23px}.subject-bottom{font-size:12px}.subject p{margin-bottom:16px}.daily-left,.daily-question{padding:24px}.daily-question h3{font-size:21px}.daily-answers{display:grid;grid-template-columns:1fr 1fr}.daily-flower{font-size:50px;right:20px;bottom:20px}.parents{gap:24px}.learning-related ul,.learning-links ul{grid-template-columns:1fr}.subject-results{grid-template-columns:1fr}.cookie-actions{grid-template-columns:1fr}.cookie-actions button:last-child{grid-column:auto}.cookie-banner{max-height:70dvh}.cookie-banner p{font-size:13px}footer{padding-inline:20px}.learning-actions{flex-direction:column}.learning-actions .button{width:100%}}
@media(max-width:800px){#practice-dialog[open],#assessment-dialog[open]{padding:18px 16px;padding-top:max(18px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}:is(#practice-dialog,#assessment-dialog) .answer{min-height:56px}:is(#practice-dialog,#assessment-dialog) .diagram{flex-wrap:wrap;gap:6px}:is(#practice-dialog,#assessment-dialog) .diagram svg{flex:0 1 65px;width:65px;max-height:90px}:is(#practice-dialog,#assessment-dialog) .modal-actions{bottom:-18px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}:is(#practice-dialog,#assessment-dialog) .modal-actions .button{min-height:48px;flex:1;gap:8px;white-space:normal}:is(#practice-dialog,#assessment-dialog) .nvr-figures,:is(#practice-dialog,#assessment-dialog) .nvr-code-examples{flex-wrap:wrap;gap:8px}:is(#practice-dialog,#assessment-dialog) .nvr-cell svg,:is(#practice-dialog,#assessment-dialog) .nvr-code-examples svg{width:64px;height:64px}:is(#practice-dialog,#assessment-dialog) .nvr-matrix .nvr-cell svg{width:100%;height:auto}.detailed-hint-link>summary{line-height:1.65;min-height:48px}.hint-picture,.pen-image{max-width:100%}.hint-route{flex-wrap:wrap}}
@media(max-width:480px){:is(#practice-dialog,#assessment-dialog) .answers{grid-template-columns:1fr}:is(#practice-dialog,#assessment-dialog):has(.answers svg) .answers{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#practice-dialog,#assessment-dialog) .answer svg{max-width:85px}:is(#practice-dialog,#assessment-dialog) .answer{overflow-wrap:normal;word-break:normal}:is(#practice-dialog,#assessment-dialog) .question-text{line-height:1.55}:is(#practice-dialog,#assessment-dialog) .modal-actions{flex-wrap:nowrap}.nvr-matrix-3{grid-template-columns:repeat(3,minmax(0,64px))}.nvr-code-choice{letter-spacing:2px}}
@media(max-height:500px) and (orientation:landscape){#practice-dialog[open],#assessment-dialog[open]{padding-top:14px}:is(#practice-dialog,#assessment-dialog) .modal-actions{position:static;box-shadow:none;padding-bottom:12px}.cookie-banner{max-height:80dvh}}