main{max-width:1100px}.intro h1{font-size:clamp(45px,7vw,78px)}.timing-note{padding:24px;border:1px solid var(--accent);margin:30px 0}.timing-note p{margin-bottom:0;font-size:16px}.lab-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:30px 0 45px}.lab-nav a{padding:18px 12px;border:1px solid var(--line);text-decoration:none;line-height:1.5}.lab-nav span{display:block;font:11px/1.7 Consolas,monospace;margin-bottom:12px}.lab-nav strong{font-size:16px}.programme-controls{display:flex;flex-wrap:wrap;gap:15px;padding:25px;background:#102734;border:1px solid var(--line);margin:25px 0}.programme-controls label{display:flex;flex-direction:column;gap:8px;font-size:14px;flex:1;min-width:170px}select{font:inherit;padding:12px;border:1px solid var(--line);color:var(--ink);background:var(--bg);max-width:100%}select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.programme-controls button{align-self:center}.programme-controls p{flex-basis:100%;margin:0;font-size:15px}.lab{padding:70px 0;border-top:1px solid var(--accent);scroll-margin-top:20px}.lab h2{font-size:clamp(34px,5vw,54px)}.lab h3{font-size:24px;margin-top:35px}.lab-title .lead{margin-bottom:10px}.session-window{font:14px/1.6 Consolas,monospace;color:var(--accent)}.outcome{padding:15px 25px;background:var(--panel);margin:25px 0}.outcome p{font-size:17px}blockquote{margin:20px 0;padding:10px 24px;border-left:2px solid var(--accent);font:21px/1.7 Georgia,serif;color:var(--ink)}.agenda{padding:0;list-style:none}.agenda-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:25px;border-top:1px solid var(--line);padding:25px 0}.agenda-row[hidden]{display:none}.time{font:14px/1.6 Consolas,monospace;color:var(--accent)}.time span{display:block}.time .elapsed{font-size:12px;color:var(--soft);margin-top:7px}.activity h4{font-size:23px;margin:0 0 15px}.activity p{font-size:17px;margin:10px 0}.extension{border-left:3px solid var(--accent);padding-left:18px;background:#92eef009}.lab-finish{display:grid;grid-template-columns:1fr 1fr;gap:35px}.lab-finish p,.lab-finish li{font-size:17px}.resources img{max-height:320px;width:auto;max-width:100%}.back{margin-top:35px}.student-view .teacher-note{display:none}.table-scroll th,.table-scroll td{min-width:120px}#programme,#ai-option,#css-example{scroll-margin-top:20px}
@media(max-width:750px){.lab-nav{grid-template-columns:1fr 1fr}.agenda-row{grid-template-columns:1fr;gap:12px}.time{display:flex;gap:18px}.time .elapsed{margin:0}.lab-finish{grid-template-columns:1fr;gap:0}.programme-controls{padding:18px}.lab{padding-top:45px}blockquote{font-size:19px;padding-left:16px}.outcome{padding:12px 18px}}
@media(max-width:420px){.lab-nav{grid-template-columns:1fr}.lab-nav a{padding:12px}.lab-nav span{margin-bottom:5px}}
@media print{.programme-controls,.lab-nav,.back,.intro>.primary{display:none}.lab{break-before:page;padding-top:15px}.lab:first-of-type{break-before:auto}.agenda-row,.lab-finish{break-inside:avoid}.agenda-row{grid-template-columns:115px 1fr}.lab-finish{display:block}.outcome,.extension{background:#f2f2f2}.time,.session-window{color:#134c57}blockquote{color:#111}details:not([open])>*:not(summary){display:block}details summary{display:block;font-weight:bold}.resources img{max-height:200px}}
