.science-teacher-panel{display:grid;gap:24px}
.science-unit-grid{display:grid;gap:14px}
.science-unit-card{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 24px;border:1px solid #d9e5d8;border-radius:22px;background:#fff;color:var(--ink);text-align:left;cursor:pointer;box-shadow:0 6px 20px #1b4d3d0b}
.science-unit-card:hover{border-color:#9dbba5;background:#fbfdf9;transform:translateY(-1px)}
.science-unit-number{display:grid;place-items:center;min-width:82px;min-height:62px;padding:10px 14px;border-radius:16px;background:#eef5e8;color:var(--green);font-size:.78rem;font-weight:900;letter-spacing:.12em}
.science-unit-copy{display:grid;gap:5px}.science-unit-copy strong{font-size:clamp(1.15rem,2vw,1.45rem)}.science-unit-copy small{color:var(--muted);font-weight:650}
.science-unit-arrow{font-size:1.7rem;color:var(--green)}
.science-unit-detail{display:grid;gap:24px}.science-unit-detail[hidden],.science-unit-grid[hidden]{display:none!important}
.science-unit-detail-head{display:grid;gap:8px}.science-unit-detail-head [data-science-units-back]{width:max-content;margin-top:6px}

.science-teacher-panel .publisher-wizard-head{margin-bottom:0}
.science-teacher-panel .form-card{margin:0}
.science-teacher-panel [data-science-exam-form]{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.4fr) auto;align-items:end;gap:16px 24px}
.science-teacher-panel [data-science-exam-form] label{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;font-weight:750}
.science-teacher-panel [data-science-exam-form] label>span{position:static;line-height:1.4}
.science-teacher-panel [data-science-exam-form] input{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:48px;margin:0;padding:10px 12px;font:inherit;color:var(--ink);background:#fff;border:1px solid #cbd7c5;border-radius:12px}
.science-teacher-panel [data-science-exam-form] .note{min-width:0;margin:0;align-self:center;line-height:1.5}
.science-teacher-panel [data-science-exam-form] button{min-height:48px;white-space:normal}
.science-teacher-panel .science-block-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.science-teacher-panel .science-block-card{display:flex;flex-direction:column;min-width:0}
.science-teacher-panel .science-block-main{flex:1}
.science-teacher-panel .form-actions{display:flex;flex-wrap:wrap;gap:8px}
.science-teacher-panel .form-actions button{white-space:normal;min-height:44px}
.science-teacher-panel .science-block-footer{flex-wrap:wrap}
.science-teacher-panel [data-science-published-label]{font-size:.9rem;font-weight:700}
.science-teacher-panel .science-game-card h3{font-size:clamp(1.5rem,3vw,2rem);margin:.5rem 0}
.science-preview-game{display:block;width:100%;height:100%;min-height:0;border:0;background:#123d47}
.science-block-card.is-locked .science-block-main{opacity:.72}
/* The teacher dialog owns scrolling; pupil viewport rules must stay inside
   the pupil app. Keep navigation in the dialog rather than behind it. */
.student-preview-shell:has([data-science-preview-body]){grid-template-rows:auto minmax(0,1fr);min-height:0}
.student-preview-body[data-science-preview-body]{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:0}
.student-preview-body[data-science-preview-body]:has(>.science-preview-game){padding:0;overflow:hidden;scrollbar-gutter:auto}
[data-science-preview-body] .science-course{min-height:100%}
[data-science-preview-body] .science-course .science-study-layout{grid-template-columns:minmax(0,1fr);max-width:780px}
[data-science-preview-body] .science-study-sidebar{display:none}
[data-science-preview-body] .science-course:has(.science-theory-page){height:auto;min-height:100%;padding:12px 14px 0}
[data-science-preview-body] .science-course:has(.science-theory-page) .science-study-layout{height:auto;min-height:0;padding-bottom:0}
[data-science-preview-body] .science-course:has(.science-theory-page) .science-study-main{display:block;min-width:0}
[data-science-preview-body] .science-course .science-study-main .science-theory-page{height:auto;min-height:0;padding:0;gap:16px}
[data-science-preview-body] .science-course .science-study-main .science-theory-card{display:block;flex:none;max-height:none;overflow:visible}
[data-science-preview-body] .science-course .science-theory-card .science-theory-reading{min-height:0;overflow:visible}
[data-science-preview-body] .science-course .science-theory-card .science-lesson-media{height:auto}
[data-science-preview-body] .science-course .science-theory-card .science-theory-image{height:auto;max-height:300px;width:100%;object-fit:contain}
[data-science-preview-body] .science-course .science-study-main .science-theory-actions{position:sticky;inset:auto;bottom:0;z-index:5;flex:none;padding:12px 0 max(12px,env(safe-area-inset-bottom,0px));border-top:1px solid #d9e5d8;background:var(--paper,#fffef8);box-shadow:0 -8px 18px #fffef8}
@media(max-width:1000px){
 .science-teacher-panel [data-science-exam-form]{grid-template-columns:minmax(0,1fr) auto}
 .science-teacher-panel [data-science-exam-form] .note{grid-row:2;grid-column:1/-1}
}
@media(max-width:650px){
 .science-unit-card{grid-template-columns:1fr auto;padding:17px 18px;gap:12px}.science-unit-number{grid-column:1/-1;width:max-content;min-width:0;min-height:0}.science-unit-copy small{line-height:1.45}
 .science-teacher-panel{gap:18px}
 .science-teacher-panel .science-block-grid{grid-template-columns:minmax(0,1fr)}
 .science-teacher-panel [data-science-exam-form]{grid-template-columns:minmax(0,1fr)}
 .science-teacher-panel [data-science-exam-form]>button{width:100%;grid-row:3}
 .science-teacher-panel .science-block-footer>button{min-width:160px}
}