.subjects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.login-card{max-width:460px;margin:8vh auto;padding:32px}.login-card input{width:100%;margin-bottom:15px;padding:13px;border:1px solid var(--line);border-radius:10px}.form-error{color:#9a452c;margin:12px 0}.topic-status{white-space:normal;text-align:right}.questionbox pre{white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.8 ui-monospace,monospace}.content textarea{width:100%;min-height:130px;border:1px solid var(--line);border-radius:12px;padding:14px;font:inherit}.modal input,.modal select{max-width:100%}.question-answer{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;font-size:17px}.lesson-content .btn{margin-top:10px}.lesson-content p{line-height:1.85}.attempt-grid{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.attempt-grid .btn{font-size:12px}.progress-row{padding:17px 0;border-bottom:1px solid var(--line)}.history-message{white-space:pre-wrap;overflow-wrap:anywhere;padding:15px;background:#f5f7fc;border-radius:12px;margin:10px 0}.fullwidth{width:100%}.availability-row{grid-template-columns:1fr 1fr 1fr auto}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.inline-video video{width:100%}.source-note{font-size:11px;color:var(--muted);margin-top:14px}.screen-footer{gap:15px}.subject-card h3{overflow-wrap:anywhere}@media(max-width:740px){.subjects-grid{grid-template-columns:1fr}.availability-row{grid-template-columns:1fr 1fr}.availability-row select{grid-column:1/-1}.login-card{margin:25px auto;padding:22px}.top-actions{gap:8px}.top-actions #accountRole{max-width:85px}.questionbox pre{font-size:14px}.heading{flex-wrap:wrap}.lesson-format-actions{grid-template-columns:1fr}.lesson-format-actions .btn{min-width:0}.hero-copy{max-width:100%}.hero-art{opacity:.35}.hero-copy>*{position:relative;z-index:1}}
.prerequisite-panel{padding:16px;background:#f4f6fc;border-radius:12px;margin:16px 0}.prerequisite-panel h3{font-size:13px}.prerequisite-panel p{font-size:12px;margin:8px 0}.modal textarea{width:100%;min-height:150px;padding:12px;border:1px solid var(--line);border-radius:12px;font:14px/1.6 inherit;resize:vertical}
@media(max-width:560px){.schedule-grid{display:block}.agenda-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px;padding:20px 0}.agenda-time{width:auto!important;min-width:0;display:flex;gap:8px;flex-wrap:wrap;text-align:left}.agenda-time b,.agenda-time span{font-size:12px!important;line-height:1.7;white-space:normal;word-break:normal;overflow-wrap:normal}.agenda-detail{min-width:0;width:100%}.agenda-detail h3{font-size:15px;line-height:1.5;word-break:normal;overflow-wrap:break-word}.agenda-detail p{font-size:12px;line-height:1.6}.agenda-controls{display:flex;flex-wrap:wrap;gap:12px;width:100%;align-items:center}.agenda-controls .btn{width:auto!important}.weeknav{width:100%;display:flex;justify-content:space-between;gap:8px}.weeknav b{font-size:12px;white-space:nowrap}.preview-row{display:block}.preview-row>span{display:block;font-size:13px;line-height:1.6}.preview-row>button{font-size:12px;text-align:left;white-space:normal;line-height:1.7}.schedule-grid>aside{margin-top:20px}.planner-fields{grid-template-columns:minmax(0,1fr)}.calendar .calday span{font-size:11px}.lesson-timing-head{flex-wrap:wrap}.lesson-timing-head span{flex-wrap:wrap}}

.agenda-time{display:flex;flex-direction:column;gap:5px;line-height:1.7}.selected-material{border-top:1px solid var(--line);padding:14px 0}.selected-material b{font-size:13px;line-height:1.6;display:block}.selected-material p{font-size:12px}@media(max-width:560px){.agenda-time{flex-direction:column}.top-actions #accountRole{max-width:140px;white-space:normal;font-size:11px}}
@media(max-width:560px){.agenda-row>.agenda-time,.agenda-row>.agenda-detail,.agenda-row>.agenda-controls{grid-column:1/-1!important;grid-row:auto;width:100%!important;min-width:0}.agenda-row>.agenda-controls{flex-direction:row;align-items:center}.agenda-row>.agenda-time{align-items:flex-start}.agenda-row>.agenda-time b,.agenda-row>.agenda-time span{display:block;width:auto;max-width:100%}}

.section-checkpoint pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.section-checkpoint textarea{width:100%;box-sizing:border-box;min-height:70px}.section-checkpoint .btn{margin:6px 6px 6px 0}@media(max-width:600px){.section-checkpoint{padding:16px}.section-checkpoint .btn{width:100%;margin:6px 0}}

.diagnostic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.resource-body{white-space:pre-wrap;overflow-wrap:anywhere}.personal-resources .tag{white-space:normal}.diagnostic-grid .btn{white-space:normal}@media(max-width:700px){.diagnostic-grid{grid-template-columns:1fr}.personal-resources{padding:16px}.personal-resources .btn{max-width:100%}}

.authored-lesson pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.authored-lesson .tag,.authored-lesson .btn{white-space:normal;max-width:100%}.authored-lesson input,.authored-lesson textarea{width:100%;box-sizing:border-box}.authored-lesson iframe{width:100%;aspect-ratio:16/9;border:0}.authored-lesson label{display:block;margin:14px 0}

/* Only the signed-out/loading screen; cabinet styles remain unchanged. */
.login-brand{display:none}
body.auth-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px 16px}
.auth-screen>.sidebar,.auth-screen .topbar,.auth-screen .prototypebar,.auth-screen>.bottomnav,.auth-screen>.overlay{display:none}
.auth-screen>.login-brand{display:flex;margin:0}
.auth-screen>.login-brand span{display:inline}
.auth-screen>.main{width:100%;max-width:460px;min-height:0;margin:0}
.auth-screen .content{padding:0}
.auth-screen .login-card{width:100%;margin:0}
.auth-screen .login-card h1{margin-bottom:20px}
.auth-screen>.toast{left:50%;bottom:24px}
/* Starter lesson controls only: visible secondary actions, unchanged primary actions. */
.lesson-layout .btn:not(.primary),.lesson-layout .linkbtn,.compact-timing .linkbtn,.lesson-back{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:2px solid var(--blue);border-radius:10px;background:#fff;color:var(--blue);font-size:14px;font-weight:600;line-height:1.5;text-align:left;white-space:normal}
.lesson-layout .linkbtn:hover,.compact-timing .linkbtn:hover,.lesson-back:hover{background:var(--blue2)}
.lesson-history-actions,.lesson-run-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0}
.lesson-history-actions{justify-content:flex-start}
.lesson-history-actions .btn,.lesson-run-heading .btn{margin-top:0}
#lessonPractice{scroll-margin-top:22px}
@media(max-width:740px){#lessonText,#lessonPractice{scroll-margin-top:82px}}