/* Readable, touch-friendly layouts across phones, tablets and laptops. */
html{scroll-padding-top:110px}img,svg,canvas{max-width:100%}button,a,input,textarea{-webkit-tap-highlight-color:transparent}dialog{max-height:calc(100dvh - 32px);overscroll-behavior:contain}.workbench,.task-panel,.schema-table,.lesson-card,.continue-copy{min-width:0}.task-button{flex-shrink:0}.table-scroll{overscroll-behavior-x:contain}.topbar,.auth-nav,.intro-meta{flex-wrap:wrap}.page-heading h1,.continue-copy h2{overflow-wrap:break-word}.auth-nav button,.language-switch button{min-height:44px}.sidebar nav a{min-height:44px}.splash-skip{min-height:44px}
@media(max-width:800px){.primary,.secondary,.text-button,.task-button,.icon-button{min-height:44px}input,textarea{font-size:16px!important}.intro{gap:14px}.intro-meta{font-size:12px}.practice-layout{grid-template-columns:minmax(0,1fr)}.editor-controls{flex-wrap:wrap}.task-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.task-controls button{font-size:14px;margin:0!important}.task-controls button:last-child{grid-column:1/-1}.task-button{font-size:14px}.editor-controls .primary,.editor-controls .secondary{font-size:14px}.database-note p{font-size:14px}.schema-field{flex-wrap:wrap}.schema-field small{font-size:12px}.topbar>span{font-size:12px}.account-summary article{min-width:0}.splash-skip{bottom:max(30px,env(safe-area-inset-bottom))}}
@media(max-width:560px){main{padding-inline:16px}.sidebar{padding:12px 16px;gap:12px}.sidebar nav{gap:6px}.sidebar nav a{font-size:13px;flex:1;justify-content:center;text-align:center;padding:8px 9px}.language-switch button{font-size:12px;min-height:40px}.brand{font-size:26px}.intro{padding:24px 20px}.intro h1{font-size:clamp(32px,9.2vw,47px);line-height:1.12;letter-spacing:-1.4px}.intro p{font-size:16px}.intro-meta{gap:7px}.intro-meta span{padding:5px 8px}.schema-art{height:205px;max-width:330px;margin-top:6px}.schema-art .mini-table{width:145px}.users{top:35px}.orders{top:95px}.art-label{font-size:10px}.art-foot{font-size:10px}.topbar{padding:12px 0;gap:10px}.auth-nav{width:100%;justify-content:flex-end;gap:8px}.auth-nav .primary,.text-button{font-size:14px}.continue-copy h2{font-size:22px}.continue-copy p{font-size:16px}.section-heading h2{font-size:clamp(24px,7vw,30px)}.lesson-card h3{font-size:22px}.card-top,.card-footer{font-size:12px;flex-wrap:wrap}.lesson-card p{font-size:16px}.page-heading{padding-top:22px}.page-heading h1{font-size:clamp(29px,8vw,38px)}.page-heading .eyebrow{font-size:11px;letter-spacing:.8px}.task-panel{padding:16px}.workbench .task-brief{padding:20px}.editor-controls{padding:12px;gap:8px}.editor-controls>button{flex:1}.result-heading{flex-wrap:wrap}.result-heading>span{font-size:12px}.schema-caption{font-size:14px}.explain-card{padding:22px}.explain-card h2{font-size:24px}.explain-card p{font-size:16px;overflow-wrap:anywhere}.account-summary{grid-template-columns:1fr 1fr}.account-summary article{padding:18px}.account-summary strong{font-size:36px}.account-summary .eyebrow{font-size:11px;letter-spacing:.8px}.account-action h2{font-size:28px}#auth-dialog,dialog{padding:20px;max-height:calc(100dvh - 24px)}#auth-dialog h2,dialog h2{font-size:28px}#auth-form label{font-size:16px}.auth-description{font-size:16px}.auth-footnote,.field-help{font-size:13px}.dialog-bottom{gap:12px}.dialog-bottom .primary{width:100%}pre{font-size:13px;padding:16px;max-width:100%}.toast{font-size:14px;bottom:max(16px,env(safe-area-inset-bottom))}}
@media(max-width:360px){.language-switch button span{font-size:11px}.language-switch button{padding-inline:6px}.language-switch{gap:0;padding:3px}.sidebar{gap:8px}.intro-meta span{font-size:11px}.schema-art .mini-table{width:130px}.mini-table p{font-size:10px}.mini-table>div{font-size:11px}.continue-card{padding:20px}.task-controls{grid-template-columns:1fr}.task-controls button:last-child{grid-column:auto}}
@media(pointer:coarse){button,a{touch-action:manipulation}}