@layer reset{*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}h1,h2,h3,h4,p,figure,blockquote,ul,ol,dl,dd,pre{margin:0}img,svg,canvas,video{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}}@layer tokens{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-bg-deep:#0f0e0c;--c-bg:#151411;--c-surface:#1c1b17;--c-surface-2:#24221d;--c-border:#33302a;--c-border-2:#7a7568;--c-line:#5c574c;--c-fg:#eeeadf;--c-fg-muted:#b9b3a6;--c-fg-dim:#958f82;--c-accent:#56b4e9;--c-accent-glow:#56b4e940;--c-term:#00a87a;--c-term-glow:#00a87a38;--c-warn:#e69f00;--c-error:#e86a0a;--c-violet:#cc79a7;--c-yellow:#f0e442;--c-blue:#0091e3;--c-magenta:#f04d89;--c-on-accent:#0f0e0c;--c-ks3:var(--c-term);--c-gcse:var(--c-accent);--c-alevel:var(--c-violet);--c-tlevel:var(--c-warn);--c-staffroom:var(--c-accent);--c-classroom:var(--c-term);--c-zone:var(--c-fg-muted);--c-crt:#14130f;--c-crt-fg:#efeadf;--c-crt-glow:#7cf2a9;--c-towel:#e07b00;--font-retro:"Space Mono", "IBM Plex Mono", ui-monospace, monospace;--font-ui:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:var(--font-retro);--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--font-sans:var(--font-ui);--font-serif:"IBM Plex Serif", Georgia, "Times New Roman", serif;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.375rem;--fs-xl:clamp(1.6rem, 1.2rem + 1.6vw, 2.25rem);--fs-2xl:clamp(2.2rem, 1.4rem + 3.6vw, 4rem);--fs-3xl:clamp(2.4rem, 1rem + 6vw, 6rem);--fs-hero:clamp(3.2rem, .6rem + 11vw, 11rem);--ls-wide:.08em;--lh-body:1.65;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4.5rem;--sp-9:7rem;--r-sm:2px;--r-md:3px;--r-lg:4px;--w-prose:72ch;--w-page:1180px;--nav-h:56px;--gutter:clamp(16px, 4vw, 40px);--dur-fast:.12s;--dur-med:.22s;--dur-look:.35s;--ease-out:cubic-bezier(.2, .8, .2, 1);--shadow-panel:0 0 0 2px var(--c-line), 5px 5px 0 2px var(--c-line);--shadow-btn:3px 3px 0 0 var(--c-line)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-bg-deep:#e8e2d4;--c-bg:#f2eee4;--c-surface:#faf7f0;--c-surface-2:#ebe5d8;--c-border:#d4ccbb;--c-border-2:#80796b;--c-line:#1c1a16;--c-fg:#1c1a16;--c-fg-muted:#48443b;--c-fg-dim:#5a554a;--c-accent:#00669f;--c-accent-glow:#00669f33;--c-term:#00704f;--c-term-glow:#00704f29;--c-warn:#835a00;--c-error:#a14600;--c-violet:#a23c74;--c-yellow:#6a6308;--c-blue:#00669f;--c-magenta:#c0104f;--c-on-accent:#fff}body[data-zone=staffroom]{--c-zone:var(--c-staffroom)}body[data-zone=classroom]{--c-zone:var(--c-classroom)}:root:not([data-theme=light])[data-look=staffroom]{--c-bg-deep:#0d1119;--c-bg:#121722;--c-surface:#181f2c;--c-surface-2:#1f2736;--c-border:#2c3546;--c-border-2:#7a849a;--c-line:#4f5a71;--c-fg:#ece9e0;--c-fg-muted:#b9bdca;--c-fg-dim:#979eaf;--c-blue:#1a9cec;--c-magenta:#f45b93;--c-on-accent:#0d1119}:root[data-theme=light][data-look=staffroom]{--c-bg-deep:#ebe6da;--c-bg:#f6f3eb;--c-surface:#fdfbf6;--c-surface-2:#eee9de;--c-border:#d8d1c2;--c-border-2:#7b7568;--c-line:#1e2636;--c-fg:#1a2130;--c-fg-muted:#404858;--c-fg-dim:#535a69}:root[data-look=staffroom]{--font-sans:var(--font-serif);--font-display:var(--font-serif);--shadow-panel:0 0 0 1px var(--c-border-2), 4px 4px 0 -1px var(--c-surface), 4px 4px 0 0 var(--c-border-2);--shadow-btn:2px 2px 0 0 var(--c-border-2);--paper-grain:.05}:root[data-theme=light][data-look=staffroom]{--paper-grain:.07}:root:not([data-theme=light])[data-look=home]{--c-bg-deep:#080d0b;--c-bg:#0d1311;--c-surface:#131b18;--c-surface-2:#19231f;--c-border:#26322d;--c-border-2:#71817a;--c-line:#4b5a53;--c-fg:#e4ece8;--c-fg-muted:#afbcb5;--c-fg-dim:#8c9992;--c-on-accent:#080d0b;--c-wire:#1b2823;--c-wire-glow:.28}:root[data-theme=light][data-look=home]{--c-bg-deep:#e1e7e4;--c-bg:#edf1ef;--c-surface:#f8faf9;--c-surface-2:#e5eae7;--c-border:#cbd4cf;--c-border-2:#727f79;--c-line:#131b17;--c-fg:#131b17;--c-fg-muted:#3b4741;--c-fg-dim:#4c5852;--c-wire:#d6deda;--c-wire-glow:0}}@layer base{html{background:var(--c-bg-deep);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--c-bg);min-height:100dvh;color:var(--c-fg);font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;transition:background-color var(--dur-look), color var(--dur-look);overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:100;background:repeating-linear-gradient(#0000 0 2px,#00000009 2px 3px);position:fixed;inset:0}:root[data-theme=light] body:after{display:none}h1,h2,h3,h4{font-family:var(--font-mono);letter-spacing:-.01em;text-wrap:pretty;font-weight:600;line-height:1.15}h1,h2{font-family:var(--font-display);letter-spacing:-.03em;font-weight:700}a{color:var(--c-accent);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px;border-radius:2px}::selection{background:var(--c-accent);color:var(--c-on-accent)}code,kbd,samp,pre{font-family:var(--font-mono)}:root[data-look=staffroom]{--paper-tex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0.11 0 0 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}:root[data-theme=light][data-look=staffroom]{--paper-tex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.1  0 0 0 0 0.12  0 0 0 0 0.18  0.13 0 0 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}:root[data-look=staffroom] body{background:var(--paper-tex), var(--c-bg)}:root[data-look=staffroom] body:after{display:none}:root[data-look=staffroom] :is(h1,h2){letter-spacing:-.015em;font-weight:600}:root[data-look=staffroom] :is(h3,h4){font-family:var(--font-serif);letter-spacing:0;font-weight:600}}@layer layout{.app{flex-direction:column;min-height:100dvh;display:flex}.app__outlet{padding-top:var(--nav-h);flex:1;position:relative}.container{width:100%;max-width:var(--w-page);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--sp-8)}.section--tight{padding-block:var(--sp-6)}.view{position:relative}.view--page{min-height:calc(100dvh - var(--nav-h))}.view--split{height:calc(100dvh - var(--nav-h));background:var(--c-bg-deep);grid-template:"bar bar""side main"minmax(0,1fr)"stat stat"/minmax(180px,240px) minmax(0,1fr);display:grid}.view--split>.ide-bar{grid-area:bar}.view--split>.ide-sidebar{grid-area:side}.view--split>.ide-main{grid-area:main}.view--split>.ide-status{grid-area:stat}@media (max-width:760px){.view--split{height:auto;min-height:calc(100dvh - var(--nav-h));grid-template:"bar""side""main"minmax(0,1fr)"stat"/minmax(0,1fr)}}}@layer components{.btn{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border:2px solid var(--c-line);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-fg);box-shadow:var(--shadow-btn);font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:.02em;transition:transform var(--dur-fast), box-shadow var(--dur-fast), background-color var(--dur-fast);font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:4px 4px 0 0 var(--c-line);text-decoration:none;transform:translate(-1px,-1px)}.btn:active{box-shadow:1px 1px 0 0 var(--c-line);transform:translate(2px,2px)}.btn--primary{background:var(--c-zone-btn,var(--c-accent));color:var(--c-on-accent);font-weight:600}.btn--primary:hover{background:var(--c-zone-btn,var(--c-accent))}.ibtn{align-items:center;gap:var(--sp-1);border:1px solid var(--c-border-2);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-fg);font-family:var(--font-mono);font-size:var(--fs-sm);transition:border-color var(--dur-fast), color var(--dur-fast);padding:3px 10px;line-height:1.5;display:inline-flex}.ibtn:hover:not(:disabled){border-color:var(--c-accent);color:var(--c-accent)}.ibtn[hidden]{display:none}.ibtn--accent{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-on-accent);font-weight:600}.ibtn--accent:hover:not(:disabled){color:var(--c-on-accent);filter:brightness(1.1)}.chip{border:1px solid var(--c-border-2);color:var(--c-fg-muted);font-family:var(--font-mono);font-size:var(--fs-xs);white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:.35em;padding:2px 10px;line-height:1.6;display:inline-flex}button.chip:hover{border-color:var(--c-accent);color:var(--c-fg)}.chip[aria-pressed=true]{background:var(--chip-c,var(--c-accent));border-color:var(--chip-c,var(--c-accent));color:var(--c-on-accent);font-weight:600}.level{--chip-c:var(--c-accent);color:var(--chip-c);border-color:color-mix(in oklab, var(--chip-c) 50%, transparent)}.level--ks3{--chip-c:var(--c-ks3)}.level--gcse{--chip-c:var(--c-gcse)}.level--alevel{--chip-c:var(--c-alevel)}.level--tlevel{--chip-c:var(--c-tlevel)}.level--beyond{--chip-c:var(--c-violet);border-style:dashed}.panel{background:var(--c-surface);border-radius:var(--r-md);box-shadow:var(--shadow-panel);overflow:hidden}.panel__bar{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:2px solid var(--c-line);background:var(--c-surface-2);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-fg-muted);display:flex}.panel__dots{width:12px;height:12px;margin-right:var(--sp-1);border:2px solid var(--c-line);display:inline-block}.panel__dots i{display:none}.panel__body{padding:var(--sp-5)}.eyebrow{margin-bottom:var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--c-term);display:block}.eyebrow:before{content:"// ";color:var(--c-fg-dim)}body[data-zone=staffroom] .page-head .eyebrow:before{content:"staffroom ▸ ";color:var(--c-zone);font-weight:600}body[data-zone=classroom] .page-head .eyebrow:before{content:"classroom ▸ ";color:var(--c-zone);font-weight:600}.section-title{font-size:var(--fs-2xl);margin-bottom:var(--sp-4);line-height:1.05}.lede{max-width:62ch;color:var(--c-fg-muted);font-size:var(--fs-md)}.prompt{color:var(--c-term);font-family:var(--font-mono)}.prompt:before{content:"$ ";color:var(--c-fg-dim)}.cursor{vertical-align:-.15em;background:var(--c-term);width:.6em;height:1.1em;margin-left:2px;display:inline-block}.output--muted{color:var(--c-fg-muted)}.output--dim{color:var(--c-fg-dim)}.ide-bar{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--c-border);background:var(--c-surface-2);font-family:var(--font-mono);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.ide-bar__crumbs{gap:var(--sp-2);color:var(--c-fg-muted);min-width:0;display:flex}.ide-bar__crumbs .sep{color:var(--c-fg-dim)}.ide-bar__crumbs .here{color:var(--c-fg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ide-bar__actions{gap:var(--sp-2);margin-left:auto;display:flex}.ide-sidebar{padding:var(--sp-3) 0;border-right:1px solid var(--c-border);background:var(--c-bg);font-family:var(--font-mono);font-size:var(--fs-sm);overflow:auto}.ide-sidebar__section+.ide-sidebar__section{margin-top:var(--sp-4)}.ide-sidebar__heading{padding:var(--sp-1) var(--sp-4);color:var(--c-fg-dim);font-size:var(--fs-xs);letter-spacing:var(--ls-wide);text-transform:uppercase}.ide-sidebar__item{padding:3px var(--sp-4) 3px calc(var(--sp-4) + 2px);color:var(--c-fg-muted);white-space:nowrap;text-overflow:ellipsis;border-left:2px solid #0000;display:block;overflow:hidden}.ide-sidebar__item:hover{color:var(--c-fg);background:var(--c-surface);text-decoration:none}.ide-sidebar__item[aria-current=true]{border-left-color:var(--c-accent);color:var(--c-fg);background:var(--c-surface)}.ide-main{padding:var(--sp-4) var(--sp-5);flex-direction:column;align-items:center;display:flex;overflow:auto}.ide-status{align-items:center;gap:var(--sp-4);padding:2px var(--sp-4) 2px 0;border-top:1px solid var(--c-border);background:var(--c-surface-2);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-fg-muted);display:flex}.ide-status__mode{padding:2px var(--sp-3);background:var(--c-term);color:var(--c-on-accent);letter-spacing:var(--ls-wide);font-weight:600}.ide-status__right{margin-left:auto}@media (max-width:760px){.ide-sidebar{border-right:0;border-bottom:1px solid var(--c-border);max-height:40vh}.ide-main{padding:var(--sp-3)}}.hljs{color:var(--c-fg);background:0 0}.hljs-comment,.hljs-quote{color:var(--c-fg-dim);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-meta .hljs-keyword{color:var(--c-violet)}.hljs-string,.hljs-attr-value,.hljs-template-tag,.hljs-addition{color:var(--c-term)}.hljs-number,.hljs-literal,.hljs-symbol,.hljs-bullet{color:var(--c-warn)}.hljs-title,.hljs-title.function_,.hljs-section{color:var(--c-accent)}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-params{color:var(--c-fg)}.hljs-deletion,.hljs-meta{color:var(--c-error)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.skip-link{top:var(--sp-2);left:var(--sp-2);z-index:200;padding:var(--sp-2) var(--sp-4);background:var(--c-accent);color:var(--c-on-accent);font-family:var(--font-mono);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:none}.nav{z-index:50;height:var(--nav-h);border-bottom:2px solid var(--c-line);background:var(--c-bg);transition:background-color var(--dur-look), border-color var(--dur-look);position:fixed;inset:0 0 auto}.nav__inner{height:100%;max-width:var(--w-page);padding-inline:var(--gutter);align-items:center;gap:var(--sp-5);margin-inline:auto;display:flex}.nav__trail{--path:var(--c-zone);min-width:0;font:600 .9375rem / 1 var(--font-mono);letter-spacing:-.01em;white-space:nowrap;align-items:center;display:flex}body:not([data-zone]) .nav__trail{--path:var(--c-accent)}.nav__trail ol{align-items:center;margin:0;padding:0;list-style:none;display:flex}.nav__home{padding-block:var(--sp-2);color:var(--c-fg);display:inline-flex}.nav__home:hover{text-decoration:none}.nav__home:hover .nav__name{text-underline-offset:4px;text-decoration:underline}.nav__host{color:var(--c-fg-muted)}.nav__tilde,.nav__crumb{color:var(--path);transition:color var(--dur-med)}.nav__crumb:before{content:"/"}.nav__crumb[hidden]{display:none}.nav__crumb a{color:inherit}.nav__sigil{color:var(--c-fg-dim);margin-left:1px}.nav__caret{background:var(--path);width:.55em;height:1.1em;transition:background-color var(--dur-med);margin-left:.4em;display:inline-block}.nav__zones{align-items:center;gap:var(--sp-5);font-family:var(--font-mono);font-size:var(--fs-sm);margin-left:auto;display:flex;position:relative}.nav__zone{--z:var(--c-fg-muted);align-items:center;gap:var(--sp-2);display:flex}.nav__zone--staffroom{--z:var(--c-staffroom)}.nav__zone--classroom{--z:var(--c-classroom)}.nav__zone-name,.nav__zone-toggle{font:600 var(--fs-xs) var(--font-mono);letter-spacing:var(--ls-wide);text-transform:uppercase;white-space:nowrap;color:var(--z)}.nav__zone-name:after{content:" ▸"}.nav__zone-name[hidden],.nav__zone-toggle[hidden]{display:none}.nav__zone-toggle{padding:var(--sp-1) var(--sp-2);border:1px dashed color-mix(in oklab, var(--z) 60%, transparent);border-radius:var(--r-sm);background:0 0;align-items:center;gap:.45em;line-height:1.4;display:inline-flex}.nav__zone-toggle:after{content:"▸";transition:rotate var(--dur-fast)}.nav__zone-toggle[aria-expanded=true]:after{rotate:90deg}.nav__zone-toggle:hover,.nav__zone-toggle[aria-expanded=true]{background:var(--c-surface-2);border-style:solid}.nav__links{gap:var(--sp-1);margin:0;padding:0;list-style:none;display:flex}.nav__link{padding:var(--sp-1) var(--sp-2);color:var(--c-fg-muted);display:block;position:relative}.nav__link:hover{color:var(--c-fg);background:var(--c-surface-2);text-decoration:none}.nav__link[aria-current=page]{color:var(--c-fg);font-weight:600}.nav__indicator{left:var(--sp-2);right:var(--sp-2);background:var(--z,var(--c-accent));height:3px;position:absolute;bottom:-4px}.nav__hitch{align-items:center;gap:var(--sp-2);white-space:nowrap;border:2px solid var(--c-line);border-radius:var(--r-sm);background:var(--c-classroom);width:34px;height:34px;padding:0 3px;display:inline-flex;overflow:hidden}.nav__hitch .hitch-icon{width:24px;height:24px}.nav__hitch-count{padding-right:var(--sp-1);color:var(--c-on-accent);font:600 var(--fs-sm) / 1 var(--font-mono)}.nav__hitch:not([data-state=on]) .nav__hitch-count{color:var(--c-fg)}.nav__hitch:not([data-state=on]){background:var(--c-surface)}.nav__hitch:not([data-state=on]) .hitch-icon__face{display:none}.nav__hitch[aria-disabled=true]{cursor:not-allowed;border-style:dashed}.nav__hitch:hover:not([aria-disabled=true]){box-shadow:var(--shadow-btn)}.nav__theme{border:2px solid var(--c-line);border-radius:var(--r-sm);background:var(--c-surface);width:34px;height:34px;color:var(--c-fg);place-items:center;display:grid}.nav__theme:hover{color:var(--c-accent)}.nav__admin{height:34px;padding:0 var(--sp-2);border:2px dashed var(--c-line);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-fg);font:600 var(--fs-sm) / 1 var(--font-mono);align-items:center;display:inline-flex}.nav__admin:hover{color:var(--c-accent);text-decoration:none}.nav__admin[aria-current=page]{background:var(--c-fg);color:var(--c-bg);border-style:solid}.nav:not([data-fit="0"]) .nav__host,.nav:is([data-fit="2"],[data-fit="3"],[data-fit="4"]) .nav__user,.nav:is([data-fit="3"],[data-fit="4"]) .nav__crumb[data-crumb-page],.nav[data-fit="4"] .nav__crumb{display:none}@media (max-width:900px){.nav__zone-name{display:none}.nav__zones{gap:var(--sp-3)}.nav__zone+.nav__zone{padding-left:var(--sp-3);border-left:2px solid var(--c-border)}}@media (max-width:760px){.nav__inner{gap:var(--sp-3)}.nav__trail,.nav__admin,.nav__hitch,.nav__theme{flex:none}.nav__zones{overscroll-behavior-x:contain;scrollbar-width:none;min-width:0;padding:var(--sp-2) 3px;overflow-x:auto}.nav__zones::-webkit-scrollbar{display:none}.nav__link{padding-inline:var(--sp-1)}.nav__indicator{left:var(--sp-1);right:var(--sp-1)}}@media (max-width:480px){.nav__inner{gap:var(--sp-2)}.nav__caret{margin-left:.25em}.nav__zones{gap:var(--sp-2)}.nav__zone+.nav__zone{padding-left:var(--sp-2)}.nav__zone-toggle{padding-inline:var(--sp-1)}}.route-wipe{inset:var(--nav-h) 0 0;z-index:40;background:var(--c-bg-deep);pointer-events:none;font-size:var(--fs-lg);transition:background-color var(--dur-look);place-items:center;display:grid;position:fixed}.route-wipe__bar{height:2px;position:absolute;inset:0 0 auto;overflow:hidden}.route-wipe__bar span{background:linear-gradient(90deg, var(--c-term), var(--c-accent));transform-origin:0;height:100%;display:block;transform:scaleX(0)}.footer{border-top:2px solid var(--c-line);padding-block:var(--sp-5);font-family:var(--font-mono);font-size:var(--fs-sm)}.footer__inner{justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;display:flex}.footer__line,.footer__links{gap:var(--sp-3);flex-wrap:wrap;display:flex}body[data-route=forms] .footer,body[data-route=admin] .footer{display:none}.nf__row{align-items:flex-end;gap:var(--sp-5);flex-wrap:wrap;display:flex}.nf__dock{flex:1;min-width:min(100%,22rem)}.page-head{padding-block:var(--sp-8) var(--sp-6);border-bottom:2px solid var(--c-line);box-shadow:inset 0 6px 0 var(--c-zone)}.page-head__title{font-size:var(--fs-3xl);margin-bottom:var(--sp-4);line-height:1}.chip.tag{--chip-c:var(--tag-c);color:var(--tag-c);border-color:color-mix(in oklab, var(--tag-c) 45%, transparent)}a.chip.tag:hover{border-color:var(--tag-c);text-decoration:none}button.chip.tag:hover:not([aria-pressed=true]){border-color:var(--tag-c);color:var(--tag-c)}.chip.tag[aria-pressed=true]{color:var(--c-on-accent);border-color:var(--tag-c)}.tag__icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25em;height:1.25em;margin-left:-3px}.tag__icon .gl-f{fill:currentColor;stroke:none}.tag__icon .gl-tx{fill:currentColor;stroke:none;font-family:var(--font-mono);font-weight:600}.tag__n{color:var(--c-fg-dim);font-weight:400}.tag__n:empty{display:none}.chip.tag[aria-pressed=true] .tag__n{color:inherit;opacity:.8}.chip.tag[data-zero]:not([aria-pressed=true]){color:var(--c-fg-dim);border-color:var(--c-border-2);border-style:dashed}.term-strip{gap:2px;height:.3rem;display:flex}.term-strip>span{background:var(--tag-c);flex:1}.term-strip--empty{background:var(--c-border)}.hitch-parking[hidden]{display:none}[data-hitch-spot]{position:relative}.hitch-dock{min-height:7.5rem}.hitch-dock>.hitch:is([data-side=left],[data-side=right]) .hitch__bubble{bottom:0}.hitch-dock>.hitch:is([data-side=left],[data-side=right]) .hitch__bubble:after{bottom:34px}.hitch{--hitch-w:48px;--hitch-h:64px;--hk-jumper:var(--c-accent);z-index:30;width:var(--hitch-w);height:var(--hitch-h);text-align:left;position:absolute;bottom:0;left:50%;translate:-50%}.hitch[data-align=left]{left:0;translate:none}.hitch[data-align=right]{left:auto;right:0;translate:none}body[data-zone=classroom] .hitch{--hk-jumper:var(--c-classroom)}.hitch__me{cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.hitch__me:focus-visible{outline-offset:4px}.hitch-svg,.hitch-icon{--hk-line:#1c1a16;--hk-case:#ddd4bd;--hk-skin:#ddd4bd;--hk-screen:var(--c-crt);--hk-glow:var(--c-crt-glow);--hk-towel:var(--c-towel);--hk-stripe:#f6f0e1;--hk-trousers:#4b5566;--hk-shoe:#2b2824;--hk-pack:#8c7a52;--hk-pack-dark:#6c5e3e;--hk-roll:#5d7f4c;--hk-device:#b0402f;--hk-light:var(--c-towel);--hk-fish:#f0d43a;shape-rendering:crispedges;overflow:visible}.hitch-svg{width:100%;height:100%}:root:not([data-theme=light]) .hitch__me{--hk-shadow:#0000008c;filter:drop-shadow(1px 0 #eeeadf4d)drop-shadow(-1px 0 #eeeadf4d)drop-shadow(0 1px #eeeadf4d)drop-shadow(0 -1px #eeeadf4d)}.hitch-svg [data-look]{display:none}.look-floppy [data-look=floppy],.look-punchcard [data-look=punchcard],.look-headset [data-look=headset],.look-babel [data-look=babel],.look-prompt [data-look=prompt],.look-shades [data-look=shades],.look-bsod [data-look=bsod],.look-twohead [data-look=twohead],.look-mainframe [data-look=mainframe]{display:inline}.look-floppy [data-base=pack],.look-mainframe [data-base=crt],:is(.look-prompt,.look-bsod) [data-base=face]{display:none}.hitch-svg{--hk-aura:#c6a8ff}.hitch-svg.rarity-rare{filter:drop-shadow(0 0 1px var(--hk-aura)) drop-shadow(0 0 3px var(--hk-aura))}.hitch-svg.rarity-legendary{--hk-aura:#f2c230;filter:drop-shadow(0 0 3px var(--hk-aura))}.look-amber{--hk-glow:#ffb000}.look-punchcard{--hk-towel:#eadfbf;--hk-stripe:transparent}.look-bsod{--hk-screen:#1f4fd1;--hk-glow:#fff}.look-golden{--hk-towel:#f2c230;--hk-stripe:#fff6c8;--hk-light:#fff1a8;--hk-case:#e3b93c;--hk-skin:#e3b93c;--hk-aura:#f2c230}.hitch-svg.look-mainframe{--hk-aura:#7cf2a9}.hitch-svg.look-glitch{--hk-aura:#ff3d8b;filter:drop-shadow(1px 0 #ff005acc) drop-shadow(-1px 0 #00dcffcc) drop-shadow(0 0 3px var(--hk-aura))}:is(.hitch-svg,.hitch-icon) .o{stroke:var(--hk-line);stroke-width:1px;paint-order:stroke;stroke-linejoin:round}.hk-ink{fill:var(--hk-line)}.hk-case{fill:var(--hk-case)}.hk-skin{fill:var(--hk-skin)}.hk-screen{fill:var(--hk-screen)}.hk-glow{fill:var(--hk-glow)}.hk-mouth{fill:none;stroke:var(--hk-glow);stroke-width:.7px}.hk-towel{fill:var(--hk-towel)}.hk-stripe{fill:var(--hk-stripe)}.hk-jumper{fill:var(--hk-jumper,var(--c-accent));transition:fill var(--dur-med)}.hk-trousers{fill:var(--hk-trousers)}.hk-shoe{fill:var(--hk-shoe)}.hk-pack{fill:var(--hk-pack)}.hk-pack-dark{fill:var(--hk-pack-dark)}.hk-roll{fill:var(--hk-roll)}.hk-device{fill:var(--hk-device)}.hk-light{fill:var(--hk-light)}.hk-fish{fill:var(--hk-fish)}.hk-lens{fill:#050505;opacity:.92}.hk-char{fill:none;stroke:var(--hk-glow);stroke-width:.8px}.hk-band{fill:none;stroke:var(--hk-line);stroke-width:.9px}.hk-cup{fill:#3b3a36}.hk-floppy{fill:#2c4a8c}.hk-shutter{fill:#c9ccd2}.hk-label{fill:#f4f1e6}.hk-label-line{fill:#8a8f99}.hk-hole{fill:#3a3226}.hk-frame{fill:#cfd3d6}.hk-reel{fill:#2b2824}.hk-hub{fill:#cfd3d6}.hk-led--r{fill:#ff4d4d}.hk-led--a{fill:#ffb000}.hk-led--g{fill:#4cd97b}.hk-aura{fill:var(--hk-aura)}.hk-glare{fill:#fff;opacity:.7}.hk-board{fill:var(--hk-board,#3d4656)}.hk-board-stripe{fill:var(--hk-towel)}.hk-thrust{fill:var(--hk-glow)}.hk-shadow{fill:var(--hk-shadow,#00000038)}.hitch__ping{border:2px solid var(--c-line);background:var(--c-towel);width:20px;height:20px;color:var(--c-crt);font:700 var(--fs-xs) / 1 var(--font-display);place-items:center;display:grid;position:absolute;top:-6px;right:-10px}.hitch__ping[hidden]{display:none}.hitch__bubble{bottom:calc(var(--hitch-h) * .5);z-index:1;background:var(--c-crt);color:var(--c-crt-fg);border:2px solid var(--c-crt-fg);box-shadow:0 0 0 2px var(--c-crt), 5px 5px 0 2px var(--c-line);text-align:left;letter-spacing:normal;text-transform:none;position:absolute}.hitch__bubble[hidden]{display:none}.hitch[data-side=left] .hitch__bubble{right:calc(100% + 14px)}.hitch[data-side=right] .hitch__bubble{left:calc(100% + 14px)}.hitch[data-side=up-left] .hitch__bubble{bottom:calc(100% + 14px);right:0}.hitch[data-side=up-right] .hitch__bubble{bottom:calc(100% + 14px);left:0}.hitch__bubble:after{content:"";background:var(--c-crt-fg);clip-path:polygon(0 0,50% 0,50% 33%,100% 33%,100% 66%,50% 66%,50% 100%,0 100%);width:12px;height:12px;position:absolute}.hitch[data-side=left] .hitch__bubble:after{bottom:10px;right:-14px}.hitch[data-side=right] .hitch__bubble:after{bottom:10px;left:-14px;transform:scaleX(-1)}.hitch[data-side=up-left] .hitch__bubble:after{bottom:-14px;right:18px;transform:rotate(90deg)}.hitch[data-side=up-right] .hitch__bubble:after{bottom:-14px;left:18px;transform:rotate(90deg)}.hitch[data-rarity=rare] .hitch__bubble{border-color:#c6a8ff}.hitch[data-rarity=rare] .hitch__bubble:after{background:#c6a8ff}.hitch[data-rarity=legendary] .hitch__bubble{box-shadow:0 0 0 2px var(--c-crt), 0 0 0 4px #f2c230, 6px 6px 0 4px var(--c-line);border-color:#f2c230}.hitch[data-rarity=legendary] .hitch__bubble:after{background:#f2c230}.hitch[data-rarity=legendary] .hitch__name{color:#f2c230}.hitch :focus-visible{outline-color:var(--c-crt-glow)}.hitch__me:focus-visible{outline-color:var(--c-accent)}.hitch__bar{align-items:center;gap:var(--sp-2);padding:3px 4px 3px var(--sp-3);border-bottom:2px dashed color-mix(in oklab, var(--c-crt-glow) 40%, transparent);font:700 var(--fs-xs) / 1.2 var(--font-display);letter-spacing:var(--ls-wide);text-transform:uppercase;display:flex}.hitch__name{color:var(--c-crt-glow)}.hitch__rarity{border:1px solid;padding:0 4px;font-size:.7rem}.hitch__rarity--uncommon{color:#9be7ff}.hitch__rarity--rare{color:#c6a8ff}.hitch__rarity--legendary{color:#f2c230}.hitch__ctrls{align-items:center;gap:2px;margin-left:auto;display:flex}.hitch__page{text-align:center;min-width:2.2em;font:var(--fs-xs) var(--font-mono)}.hitch__page:empty{display:none}.hitch__btn{border:1px solid color-mix(in oklab, var(--c-crt-fg) 45%, transparent);width:26px;height:26px;color:var(--c-crt-fg);font:600 var(--fs-sm) / 1 var(--font-mono);background:0 0;place-items:center;padding:0;display:grid}.hitch__btn[hidden]{display:none}.hitch__btn:hover:not(:disabled){background:var(--c-crt-glow);color:var(--c-crt)}.hitch__btn:disabled{opacity:.4;cursor:default}.hitch__body{max-height:min(44vh,20rem);padding:var(--sp-2) var(--sp-3) var(--sp-3);font:var(--fs-sm) / 1.55 var(--font-mono);overflow:auto}.hitch__body:focus{outline:none}.hitch__body:focus-visible{outline:2px solid var(--c-crt-glow);outline-offset:-4px}.hitch__kicker{color:var(--c-crt-glow);font-size:var(--fs-xs)}.hitch__title{margin-bottom:var(--sp-1);font-weight:600}.hitch__text{text-wrap:pretty;overflow-wrap:break-word}.hitch__links{gap:var(--sp-1) var(--sp-4);margin:var(--sp-2) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.hitch__links a{color:var(--c-crt-glow);text-underline-offset:3px;text-decoration:underline}.hitch-toast{top:calc(var(--nav-h) + 10px);right:var(--gutter);z-index:60;max-width:min(22rem, calc(100vw - 2 * var(--gutter)));padding:var(--sp-2) var(--sp-3);border:2px solid var(--c-crt-fg);background:var(--c-crt);box-shadow:0 0 0 2px var(--c-crt), 4px 4px 0 2px var(--c-line);color:var(--c-crt-fg);font:var(--fs-sm) / 1.5 var(--font-mono);pointer-events:none;position:fixed}.hitch-toast:not(.is-on){display:none}.hitch-icon{flex:none;width:22px;height:22px}.hitch-shelf{align-items:center;gap:var(--sp-2);flex-wrap:wrap;min-width:0;max-width:100%;display:flex}body[data-zone=staffroom] .hitch-shelf{display:none}.hitch-shelf__btn{align-items:center;gap:var(--sp-1);padding:2px var(--sp-1);border-radius:var(--r-sm);color:var(--c-fg-dim);font:inherit;background:0 0;border:1px solid #0000;flex:none;display:inline-flex}.hitch-shelf__btn:hover,.hitch-shelf__btn[aria-expanded=true]{color:var(--c-fg-muted);border-color:var(--c-border)}.hitch-shelf__btn .hitch-icon{width:16px;height:16px}.hitch-shelf__btn:not(:hover):not([aria-expanded=true]) .hitch-icon{opacity:.7}.hitch-shelf__drawer{scrollbar-width:thin;min-width:0;max-width:100%;overflow:auto hidden}.hitch-shelf__list{gap:4px;margin:0;padding:2px;list-style:none;display:flex}.hitch-shelf__item{border-radius:var(--r-sm);background:0 0;border:1px solid #0000;flex:none;width:28px;height:36px;padding:2px 3px;display:block;position:relative}.hitch-shelf__item:hover{background:var(--c-surface-2)}.hitch-shelf__item[aria-pressed=true]{border-color:var(--c-fg-muted);background:var(--c-surface-2);border-style:solid}.hitch-shelf__item .hitch-svg{width:100%;height:100%}.hitch-shelf__item.is-now{border-color:var(--c-border)}.hitch-shelf__item.is-missing{border:1px dotted var(--c-fg-dim)}.hitch-svg.is-silhouette{filter:none}.hitch-svg.is-silhouette *{fill:var(--c-border);stroke:var(--c-border)}.hitch-svg.is-silhouette [data-p=ground]{display:none}.hitch-shelf{position:relative}.hitch-shelf__pop{z-index:40;background:var(--c-crt);width:max-content;max-width:min(18rem,100vw - 16px);color:var(--c-crt-fg);border:2px solid var(--c-crt-fg);box-shadow:0 0 0 2px var(--c-crt), 5px 5px 0 2px var(--c-line);text-align:left;position:absolute}.hitch-shelf__pop[hidden]{display:none}.hitch-shelf__pop:after{content:"";left:var(--tail,16px);background:var(--c-crt-fg);clip-path:polygon(0 0,50% 0,50% 33%,100% 33%,100% 66%,50% 66%,50% 100%,0 100%);width:12px;height:12px;position:absolute;bottom:-14px;transform:rotate(90deg)}.hitch-shelf__pop .hitch__bar{margin:0}.hitch-shelf__say{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);margin:0;line-height:1.45}.hitch-shelf__say i{color:var(--c-crt-glow);font-style:normal}.hitch-shelf__pop[data-rarity=rare]{border-color:#c6a8ff}.hitch-shelf__pop[data-rarity=rare]:after{background:#c6a8ff}.hitch-shelf__pop[data-rarity=legendary]{box-shadow:0 0 0 2px var(--c-crt), 0 0 0 4px #f2c230, 6px 6px 0 4px var(--c-line);border-color:#f2c230}.hitch-shelf__pop[data-rarity=legendary]:after{background:#f2c230}.hitch-shelf__pop[data-rarity=legendary] .hitch__name{color:#f2c230}.hitch-shelf__q{color:var(--c-fg-muted);font:700 11px / 1 var(--font-mono);text-align:center;padding-top:5px;position:absolute;inset:0 0 auto}.cookies{left:var(--gutter);bottom:var(--sp-5);z-index:55;width:min(26.5rem, calc(100vw - 2 * var(--gutter)));padding:var(--sp-4) var(--sp-5);background:var(--c-surface);color:var(--c-fg);box-shadow:var(--shadow-panel);position:fixed}.cookies[hidden]{display:none}.cookies__spot{right:var(--sp-5);width:48px;height:0;position:absolute;bottom:calc(100% + 2px)}.cookies__close{top:var(--sp-2);right:var(--sp-2);border-radius:var(--r-sm);width:32px;height:32px;color:var(--c-fg-muted);font:600 1.25rem / 1 var(--font-mono);background:0 0;border:2px solid #0000;place-items:center;display:grid;position:absolute}.cookies__close:hover{border-color:var(--c-line);color:var(--c-fg)}.cookies__close[hidden]{display:none}.cookies__head{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-2);padding-right:var(--sp-6);display:flex}.cookies__title{font:700 var(--fs-base) / 1.3 var(--font-display);letter-spacing:0;margin:0}:root[data-look=staffroom] .cookies__title{font-weight:600}.cookies__title:focus{outline:none}.cookies__title:focus-visible{outline:2px solid var(--c-accent);outline-offset:4px}.cookies__icon{shape-rendering:crispedges;flex:none;width:48px;height:48px}.cookies__icon .ck-ink{fill:#1c1a16}.cookies__icon .ck-dough{fill:#dfa65a}.cookies__icon .ck-shade{fill:#b47a38}.cookies__icon .ck-chip{fill:#4a2a14}.cookies__icon .ck-shine{fill:#f4d39a}:root:not([data-theme=light]) .cookies__icon{filter:drop-shadow(1px 0 #eeeadf4d)drop-shadow(-1px 0 #eeeadf4d)drop-shadow(0 1px #eeeadf4d)drop-shadow(0 -1px #eeeadf4d)}.cookies__text,.cookies__now,.cookies__more{margin:0 0 var(--sp-4);font-size:var(--fs-sm);color:var(--c-fg-muted);line-height:1.55}.cookies__text dfn{color:var(--c-fg);font-style:normal;font-weight:600}.cookies__now{margin-top:calc(-1 * var(--sp-2));color:var(--c-fg);font-weight:600}.cookies__now[hidden]{display:none}.cookies__choices{gap:var(--sp-3);flex-wrap:wrap;display:flex}.cookies__choices .btn{padding:var(--sp-2) var(--sp-4)}.cookies__ask{align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);padding:var(--sp-1) 0;color:var(--c-accent);font:500 var(--fs-sm) / 1.3 var(--font-mono);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;text-decoration:underline;display:inline-flex}.cookies__ask:hover{text-decoration-thickness:2px}.cookies__ask-hitch{display:none}.cookies__ask.has-hitch .cookies__ask-hitch{display:inline-flex}.cookies__ask-hitch .hitch-icon{width:22px;height:22px}.cookies__ask:not(.has-hitch):after{content:"▸";transition:rotate var(--dur-fast);display:inline-block}.cookies__ask[aria-expanded=true]:after{rotate:90deg}.cookies__more{margin:var(--sp-3) 0 0;max-height:40vh;overflow-y:auto}.cookies__more[hidden]{display:none}.cookies__more ul{gap:var(--sp-2);margin:0;padding-left:1.1em;display:grid}@media (max-width:560px){.cookies{width:auto;padding:var(--sp-4) var(--gutter) calc(var(--sp-4) + env(safe-area-inset-bottom));box-shadow:0 -2px 0 var(--c-line), 0 -6px 0 color-mix(in oklab, var(--c-line) 18%, transparent);bottom:0;left:0;right:0}.cookies__icon{width:32px;height:32px}.cookies__choices .btn{flex:auto;justify-content:center}}@media print{.cookies-root{display:none}}.footer__cookies{color:var(--c-accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.footer__cookies:hover{text-underline-offset:3px;text-decoration:underline}.glyph-art{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ga__edge{stroke:var(--c-border-2);stroke-linecap:round}.ga__caption{fill:var(--c-fg-dim);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:7px;font-weight:600}.ga__node,.ga__signal{color:var(--tag-c,var(--c-fg))}.ga__plate{fill:var(--c-surface);stroke:currentColor;stroke-linejoin:round}.ga__icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.gl-f{fill:currentColor;stroke:none}.gl-tx{fill:currentColor;stroke:none;font-family:var(--font-mono);font-weight:600}.ga__signal{fill:currentColor;stroke:var(--c-bg-deep);stroke-width:1px}.art-tip{z-index:60;border:1px solid var(--c-border-2);border-radius:var(--r-sm);background:var(--c-surface);max-width:230px;color:var(--tag-c,var(--c-fg-dim));box-shadow:var(--shadow-panel);font:var(--fs-xs) / 1.35 var(--font-sans);pointer-events:none;opacity:0;transform-origin:var(--arrow-x,50%) 100%;transition:opacity var(--dur-fast);border-top:2px solid;gap:1px;padding:6px 10px 7px;display:grid;position:fixed;top:0;left:0}.art-tip.is-on{opacity:1}.art-tip.is-below{transform-origin:var(--arrow-x,50%) 0}.art-tip__name{color:var(--c-fg);font-weight:600;font-size:var(--fs-sm)}.art-tip__from{color:currentColor;font-family:var(--font-mono);letter-spacing:var(--ls-wide);text-transform:uppercase;font-size:.85em}.art-tip__arrow{left:var(--arrow-x,50%);border-right:1px solid var(--c-border-2);border-bottom:1px solid var(--c-border-2);background:var(--c-surface);width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-6px;transform:rotate(45deg)}.art-tip.is-below .art-tip__arrow{top:-6px;bottom:auto;transform:rotate(225deg)}}@layer views{:root[data-look=staffroom] .nav{border-bottom:3px double var(--c-line)}:root[data-look=staffroom] .footer{border-top:3px double var(--c-line)}:root[data-look=staffroom] .view--forms{--font-sans:var(--font-ui);--font-display:var(--font-retro);font-family:var(--font-sans)}:root[data-look=staffroom] .page-head{padding-block:var(--sp-6) var(--sp-6);border-bottom:1px solid var(--c-line);box-shadow:inset 0 4px 0 var(--c-zone)}:root[data-look=staffroom] .page-head>.container:before,:root[data-look=staffroom] .post:before{content:"The Staffroom  ·  notes on teaching Computing" / "";margin-bottom:var(--sp-6);border-top:3px solid var(--c-line);border-bottom:1px solid var(--c-line);font:500 1.0625rem / 1.4 var(--font-serif);letter-spacing:.18em;text-align:center;white-space:pre-wrap;color:var(--c-fg-muted);padding:.45em 0 .4em;font-variant-caps:all-small-caps;display:block}:root[data-look=staffroom] .post:before{margin-bottom:var(--sp-5)}:root[data-look=staffroom] .page-head .eyebrow{font-size:var(--fs-xs);color:var(--c-fg-dim)}:root[data-look=staffroom] .page-head__title{font-size:var(--fs-2xl);line-height:1.05}:root[data-look=staffroom] .page-head .lede,:root[data-look=staffroom] .post__summary{font-style:italic;font-size:var(--fs-lg);line-height:1.5}:root[data-look=staffroom] :is(.post__toc-title,.refs__title,.facet__legend){font-family:var(--font-serif);letter-spacing:.1em;text-transform:none;font-variant-caps:all-small-caps}:root[data-look=staffroom] .post__toc-title{font-size:var(--fs-base);color:var(--c-fg-muted)}:root[data-look=staffroom] .post__toc{font-family:var(--font-serif);border-left-color:var(--c-line)}:root[data-look=staffroom] .post__toc a.is-active:before{content:"§ ";color:var(--c-accent)}:root[data-look=staffroom] .post__title{font-size:var(--fs-2xl);line-height:1.08}:root[data-look=staffroom] .post__head{padding-bottom:var(--sp-5);border-bottom:1px solid var(--c-border-2)}:root[data-look=staffroom] .post__art{box-shadow:var(--shadow-panel)}:root[data-look=staffroom] .prose{-webkit-hyphens:auto;hyphens:auto;text-wrap:pretty;hanging-punctuation:first;font-size:1.125rem;line-height:1.72}:root[data-look=staffroom] .prose>p:first-child:first-letter{float:left;font:600 3.55em / .82 var(--font-serif);color:var(--c-zone);margin:.06em .09em 0 0}@supports (initial-letter:3){:root[data-look=staffroom] .prose>p:first-child:first-letter{float:none;initial-letter:3;font-size:1em;line-height:inherit;margin:0 .12em 0 0}}:root[data-look=staffroom] .prose h2{border-top:1px solid var(--c-border-2);font-size:var(--fs-xl);padding-top:.7em}:root[data-look=staffroom] .prose h3{font-style:italic;font-weight:500}:root[data-look=staffroom] .prose blockquote{padding:var(--sp-1) 0 var(--sp-1) var(--sp-5);border-left:2px solid var(--c-zone);color:var(--c-fg-muted);font-size:1.15em;font-style:italic}:root[data-look=staffroom] .prose hr{text-align:center;border:0;margin-block:2em;overflow:visible}:root[data-look=staffroom] .prose hr:after{content:"⁂";font:1.4rem / 1 var(--font-serif);color:var(--c-fg-dim)}:root[data-look=staffroom] .prose th{font-family:var(--font-serif);font-weight:600}:root[data-look=staffroom] .prose :is(th,td){border-inline:0;border-color:var(--c-border-2)}:root[data-look=staffroom] .prose thead th{border-top:2px solid var(--c-line);border-bottom:1px solid var(--c-line);background:0 0}:root[data-look=staffroom] .refs{border-top:2px solid var(--c-line)}:root[data-look=staffroom] .refs__title{font-size:var(--fs-lg)}:root[data-look=staffroom] .refs__title:before{content:none}:root[data-look=staffroom] .post__foot{border-top:1px solid var(--c-line)}:root[data-look=staffroom] .post__pager-link{border-color:var(--c-border-2);font-family:var(--font-serif);border-radius:0}:root[data-look=staffroom] .post-card__title{font-size:var(--fs-lg);line-height:1.25}:root[data-look=staffroom] .post-card__summary{font-size:var(--fs-base)}:root[data-look=staffroom] .links__section,:root[data-look=staffroom] .facet{border-bottom-style:solid}:root[data-look=staffroom] .link{border-top-color:var(--c-border-2)}:root[data-look=staffroom] .link__label{font-weight:600}.hh__pin{min-height:calc(100dvh - var(--nav-h));padding-block:var(--sp-8) var(--sp-9);border-bottom:2px solid var(--c-line);background:var(--c-bg);transition:background-color var(--dur-look);align-items:center;display:grid;position:relative}.hh__inner,.hh__cue,.hh__spot--low{z-index:1}.hh__inner{position:relative}.hh__title,.hh__lede,.hh__stage-name,.hh__or{text-shadow:0 0 3px var(--c-bg), 0 0 10px var(--c-bg), 0 0 18px var(--c-bg)}.hh__title{margin-bottom:var(--sp-5)}.cb{pointer-events:none;background:radial-gradient(circle, var(--c-wire) 1px, transparent 1.5px) 0 0 / 16px 16px;position:absolute;inset:0;overflow:hidden}.cb__svg{position:absolute;inset:0;overflow:visible}.cb__svg path,.cb__svg rect,.cb__svg circle{fill:none;stroke-width:1.6px;stroke-linejoin:miter}.cb text{font:600 10px var(--font-mono);stroke:none}.cb .cb__label{letter-spacing:.08em;font-size:9px}.cb .cb__label--small{font-size:8px}.cb .cb__bits{text-anchor:middle;font-size:10px}.cb__dim :is(path,rect,circle){stroke:var(--c-wire)}.cb__dim .cb__body{fill:var(--c-bg)}.cb__dim text,.cb__dim .cb__dot{fill:var(--c-wire)}.cb__dim .cb__term{fill:var(--c-bg)}.cb__lit :is(path,rect,circle){stroke:var(--hue);stroke-width:2px}.cb__lit .cb__body{fill:color-mix(in oklab, var(--hue) 12%, var(--c-bg))}.cb__lit text,.cb__lit .cb__led{fill:var(--hue)}.cb__lit .cb__glow{stroke-width:7px;stroke-opacity:var(--c-wire-glow,0);stroke-linecap:round}.hh__owner{font-size:var(--fs-2xl);letter-spacing:-.03em;color:var(--c-fg-muted);line-height:1.1;display:block}.hh__name{font-size:var(--fs-hero);letter-spacing:-.05em;overflow-wrap:normal;line-height:.98;display:block}.hh__name:after{content:"";background:var(--c-classroom);width:.45em;height:.72em;margin-left:.06em;display:inline-block}.hh__lede{max-width:46ch;margin-bottom:var(--sp-8);font-size:var(--fs-lg);color:var(--c-fg-muted);text-wrap:pretty;line-height:1.45}.hh__levels{justify-content:space-between;gap:var(--sp-3);flex-wrap:nowrap;margin:0;padding:0;list-style:none;display:flex;position:relative}.hh__stage{gap:var(--sp-2);flex-direction:column;display:flex;position:relative}.hh__stage+.hh__stage{text-align:right;align-items:flex-end}.hh__stage-name{font:600 var(--fs-xs) var(--font-mono);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--c-fg-muted)}.hh__chips{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.hh__or{font:var(--fs-sm) var(--font-mono);color:var(--c-fg-muted)}.hh__level{--lv:var(--c-fg);text-shadow:none;padding:var(--sp-1) var(--sp-3);border:2px solid var(--lv);background:var(--c-bg);color:var(--lv);font:700 var(--fs-md) / 1.3 var(--font-display);white-space:nowrap;position:relative}.hh__level--ks3{--lv:var(--c-ks3)}.hh__level--gcse{--lv:var(--c-gcse)}.hh__level--alevel{--lv:var(--c-alevel)}.hh__level--tlevel{--lv:var(--c-tlevel)}.hh__spot{position:absolute;bottom:calc(100% + 2px);right:2px}.hh__spot--low{right:var(--gutter);bottom:calc(var(--sp-5) + 2.5rem);display:none}.hh__cue{left:50%;bottom:var(--sp-5);font:var(--fs-xs) var(--font-mono);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--c-fg-dim);position:absolute;translate:-50%}@media (max-width:600px){.hh__pin{padding-top:var(--sp-7);align-items:start}.hh__lede{margin-bottom:var(--sp-6)}.hh__stage .hh__spot{display:none}.hh__levels{row-gap:var(--sp-4);flex-wrap:wrap}.hh__spot--low{display:block}.hh__level{padding-inline:var(--sp-2);font-size:var(--fs-sm)}.hh__levels{gap:var(--sp-2)}.hh__lede{font-size:var(--fs-md)}}.rooms{padding-block:var(--sp-8)}.rooms__grid{gap:var(--sp-5);margin-top:var(--sp-8);grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);align-items:start;display:grid}.room{display:flex;position:relative}.room__inner{gap:var(--sp-3);padding:var(--sp-6);flex-direction:column;flex:1;display:flex;position:relative}.room__top{font:600 var(--fs-sm) var(--font-mono);letter-spacing:var(--ls-wide);text-transform:uppercase}.room__title{font:700 var(--fs-3xl) / 1 var(--font-display);letter-spacing:-.05em}.room__blurb{max-width:40ch;font-size:var(--fs-md);text-wrap:pretty}.room__spot{right:var(--sp-4);z-index:2;position:absolute;bottom:100%}.room--classroom{color:var(--c-on-accent);min-height:min(64vh,32rem)}.room__bg{background:var(--c-classroom);position:absolute;inset:0}.room--classroom :focus-visible{outline-color:var(--c-on-accent)}.room__tools{gap:var(--sp-3);margin:var(--sp-3) 0 var(--sp-2);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.tool{gap:var(--sp-1) var(--sp-2);height:100%;padding:var(--sp-4);color:inherit;transition:transform var(--dur-fast), box-shadow var(--dur-fast);border:2px solid;grid-template-columns:minmax(0,1fr) auto;display:grid}.tool:hover{text-decoration:none;transform:translate(-2px,-2px);box-shadow:4px 4px}.tool__label{font:700 var(--fs-md) / 1.2 var(--font-display)}.tool__note{font-size:var(--fs-sm);grid-column:1}.tool__go{font-family:var(--font-mono);grid-area:1/2/span 2;align-self:center}.room__cta{color:var(--c-fg)}.room--staffroom{gap:var(--sp-3);padding:var(--sp-5);border:2px solid var(--c-line);background:var(--c-surface);flex-direction:column}.room--staffroom .room__top{color:var(--c-staffroom)}.room--staffroom .room__title{font-size:var(--fs-xl)}.room--staffroom .room__blurb{font-size:var(--fs-sm);color:var(--c-fg-muted)}.room__pages{border-top:2px solid var(--c-border);margin:0;padding:0;list-style:none}.room__page{padding:var(--sp-2) 0;border-bottom:2px solid var(--c-border);color:var(--c-fg);gap:2px;display:grid}.room__page:hover{text-decoration:none}.room__page:hover .room__label{text-underline-offset:3px;text-decoration:underline}.room__label{font:700 var(--fs-base) var(--font-display);color:var(--c-staffroom)}.room__note{font-size:var(--fs-sm);color:var(--c-fg-muted)}@media (max-width:860px){.rooms__grid{grid-template-columns:minmax(0,1fr);margin-top:12rem}.room--classroom{min-height:0}.room__inner{padding:var(--sp-5)}.room__spot{right:var(--sp-5)}}.reading{padding-block:var(--sp-8);border-top:2px solid var(--c-line)}.reading__head{justify-content:space-between;align-items:end;gap:var(--sp-4);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.reading__head .section-title{margin-bottom:0}.reading__grid{gap:var(--sp-7);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;display:grid}.reading__side{top:calc(var(--nav-h) + 12vh);position:sticky}.reading__frame{aspect-ratio:4/3;background:radial-gradient(circle, color-mix(in oklab, var(--c-fg) 12%, transparent) 1px, transparent 1.4px) 0 0 / 14px 14px, var(--c-bg-deep);box-shadow:var(--shadow-panel);position:relative}.reading__art{visibility:hidden;position:absolute;inset:6%}.reading__art.is-active{visibility:visible}.reading__count{left:var(--sp-3);bottom:var(--sp-2);font:600 var(--fs-xs) var(--font-mono);color:var(--c-fg-muted);position:absolute}.reading__dock{margin-top:var(--sp-4);min-height:6.5rem}.reading__main{position:relative}.reading__spot--list{right:var(--sp-2);display:none;position:absolute;bottom:100%}.reading__rail{background:var(--c-border);height:3px;position:absolute;bottom:0;left:0;right:0}.reading__rail span{background:var(--c-staffroom);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.reading__list{border-top:2px solid var(--c-line);margin:0;padding:0;list-style:none}.reading__item{border-bottom:2px solid var(--c-line)}.reading__link{gap:var(--sp-1) var(--sp-3);padding:var(--sp-5) var(--sp-2);color:var(--c-fg-dim);transition:color var(--dur-fast), background-color var(--dur-fast);grid-template-columns:3rem minmax(0,1fr);display:grid}.reading__link:hover{text-decoration:none}.reading__num{font:700 var(--fs-md) / 1.2 var(--font-display);color:var(--tag-c);grid-row:1/span 2}.reading__title{font:700 var(--fs-lg) / 1.2 var(--font-display);letter-spacing:-.02em}.reading__meta{font:var(--fs-xs) var(--font-mono)}.reading__item.is-active .reading__link{color:var(--c-fg);background:var(--c-surface)}.reading__item.is-active .reading__title{text-decoration:underline;-webkit-text-decoration-color:var(--tag-c);text-decoration-color:var(--tag-c);text-underline-offset:6px;text-decoration-thickness:3px}.reading.is-stepper{padding-block:0}.reading.is-stepper .reading__pin{min-height:calc(100dvh - var(--nav-h));padding-block:var(--sp-6);flex-direction:column;justify-content:center;display:flex}.reading.is-stepper .reading__head{margin-bottom:var(--sp-5)}.reading.is-stepper .reading__side{position:static}.reading.is-stepper .reading__frame{max-height:calc(100dvh - var(--nav-h) - 19rem);aspect-ratio:4/3;margin-inline:auto}.reading.is-stepper .reading__item{position:relative}.reading.is-stepper .reading__item:before{content:"";background:var(--tag-c);width:4px;transform:scaleY(var(--near,0));position:absolute;top:0;bottom:0;left:0}.reading.is-stepper .reading__link{padding-block:var(--sp-4);padding-left:var(--sp-4)}@media (max-height:760px){.reading.is-stepper .reading__meta{display:none}.reading.is-stepper .reading__link{padding-block:var(--sp-3)}}@media (max-width:800px){.reading__grid{grid-template-columns:minmax(0,1fr)}.reading__side{display:none}.reading__spot--list{display:block}.reading__head{margin-bottom:calc(var(--sp-6) + 64px)}.reading__link{color:var(--c-fg)}}.hz{border-top:2px solid var(--c-line);background:var(--c-bg-deep)}.hz__pin{padding-block:var(--sp-7) var(--sp-6)}.hz__head{position:relative}.hz__spot{right:var(--gutter);position:absolute;bottom:0}.hz__sub{max-width:52ch;color:var(--c-fg-muted);font-size:var(--fs-sm)}.hz__viewport{margin-top:var(--sp-6)}.hz__track{gap:var(--sp-5);max-width:var(--w-page);padding:0 var(--gutter);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));margin:0 auto;list-style:none;display:grid}.hz__item{gap:var(--sp-3);padding:var(--sp-5);background:var(--c-surface);box-shadow:var(--shadow-panel);flex-direction:column;display:flex}.hz__when{font:700 var(--fs-xl) / 1 var(--font-display);letter-spacing:-.03em;color:var(--c-fg-muted);white-space:nowrap}.hz__item.is-reached .hz__when{color:var(--c-accent)}.hz__title{font-size:var(--fs-md);line-height:1.3}.hz__meta{align-items:center;gap:var(--sp-1) var(--sp-2);flex-wrap:wrap;display:flex}.hz__ages{font:var(--fs-xs) var(--font-mono);color:var(--c-fg-dim)}.hz__ask{align-self:start;margin-top:auto}.hz__rail{display:none}.hz.is-scroller .hz__pin{height:calc(100dvh - var(--nav-h));padding-block:var(--sp-6);flex-direction:column;display:flex}.hz.is-scroller .hz__viewport{flex:1;align-items:center;min-height:0;display:flex;overflow:hidden}.hz.is-scroller .hz__track{gap:var(--sp-6);width:max-content;max-width:none;padding:8px calc(max(var(--gutter), (100vw - var(--w-page)) / 2 + var(--gutter))) 14px;will-change:transform;margin:0;display:flex}.hz.is-scroller .hz__item{width:min(22rem,78vw);min-height:min(17rem,44vh)}.hz.is-scroller .hz__when{font-size:var(--fs-xl);white-space:normal}.hz.is-scroller .hz__rail{display:block}.hz__rail{height:4px;margin-top:var(--sp-4);position:relative}.hz__rail:before{content:"";inset:0 var(--gutter);background:var(--c-border);position:absolute}.hz__rail span{inset:0 var(--gutter);background:var(--c-accent);transform-origin:0;position:absolute;transform:scaleX(0)}@media (max-height:700px){.hz.is-scroller .hz__sub{display:none}.hz.is-scroller .hz__item{min-height:0}}@media (max-width:520px){.room__tools{grid-template-columns:minmax(0,1fr)}}.links-nav{top:var(--nav-h);z-index:20;border-bottom:1px solid var(--c-border);background:color-mix(in oklab, var(--c-bg) 90%, transparent);-webkit-backdrop-filter:blur(8px);position:sticky}.links-nav__inner{gap:var(--sp-1);scrollbar-width:none;display:flex;overflow-x:auto}.links-nav__link{padding:var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--c-fg-muted);white-space:nowrap;position:relative}.links-nav__link:hover,.links-nav__link[aria-current=true]{color:var(--c-fg);text-decoration:none}.links-nav__marker{left:var(--sp-3);right:var(--sp-3);background:var(--c-accent);height:2px;position:absolute;bottom:-1px}.links{padding-block:var(--sp-6) var(--sp-8)}.links__section{padding-block:var(--sp-6);border-bottom:1px dashed var(--c-border-2);scroll-margin-top:calc(var(--nav-h) + 56px)}.links__section:last-child{border-bottom:0}.links__title{font-size:var(--fs-lg);margin-bottom:var(--sp-4)}.links__intro{margin-bottom:var(--sp-5);max-width:62ch}.links__list{gap:var(--sp-3) var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));margin:0;padding:0;list-style:none;display:grid}.link{padding:var(--sp-3) 0;border-top:1px solid var(--c-border)}.link__a{color:var(--c-fg);flex-direction:column;gap:2px;display:flex}.link__a:hover{text-decoration:none}.link__a:hover .link__label{color:var(--c-accent);text-underline-offset:3px;text-decoration:underline}.link__label{font-weight:500}.link__host{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-fg-dim)}.link__note{margin-top:var(--sp-1);font-size:var(--fs-sm);color:var(--c-fg-muted)}.resources{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));display:grid}.resource{gap:var(--sp-2);padding:var(--sp-5);color:var(--c-fg);transition:box-shadow var(--dur-med);flex-direction:column;display:flex}a.resource:hover{box-shadow:0 0 0 1px var(--c-accent), var(--shadow-panel);text-decoration:none}a.resource:hover .resource__title{color:var(--c-accent)}.resource__kind{font:600 var(--fs-xs) var(--font-mono);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--c-term);align-self:flex-start}.resource__title{font-size:var(--fs-md);transition:color var(--dur-fast)}.resource__summary{font-size:var(--fs-sm);color:var(--c-fg-muted);flex:1}.resource__meta{align-items:center;gap:var(--sp-1);flex-wrap:wrap;display:flex}.resource__spec{font:var(--fs-xs) var(--font-mono);color:var(--c-fg-dim);margin-left:var(--sp-1)}.resource__files{gap:var(--sp-3);font:var(--fs-sm) var(--font-mono);flex-wrap:wrap;display:flex}}@layer utilities{.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.gs-hidden{visibility:hidden}.split-word,.split-char{display:inline-block}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}.gs-hidden{visibility:visible}}