:root{--ink:#2f253e;--purple:#654478;--paper:#faf6ef;--line:#ded4e5;--lime:#e8f2c8;--gold:#ffd677;--muted:#6f6279}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 'Avenir Next',system-ui,sans-serif}a{color:inherit}button,nav a{font:inherit;font-weight:750;min-height:44px;border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}button:hover,nav a:hover{background:#eee5f4}.primary{background:var(--purple);color:white;border-color:var(--purple)}.primary:hover{background:#50305f}:focus-visible{outline:3px solid #a05120;outline-offset:4px}[hidden]{display:none!important}.site-header{max-width:1480px;margin:auto;padding:20px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:17px;font-weight:850;letter-spacing:1px}.brand>span:first-child{font-size:30px;background:#f6e7cb;border-radius:15px;padding:6px 11px}.brand-small{display:block;font-size:10px;color:var(--muted);letter-spacing:2px}nav{display:flex;flex-wrap:wrap;gap:8px}nav a{font-size:13px;background:transparent}nav button{font-size:13px}main{max-width:1480px;padding:28px 36px 40px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:850;margin:0 0 8px;color:var(--purple)}h1,h2,h3,p{margin-top:0}h1{font:750 clamp(36px,4.7vw,64px)/1.05 Georgia,serif;margin-bottom:12px;letter-spacing:-1.7px}h1 em{color:var(--purple);font-style:normal}.subtitle{font-size:22px;color:var(--muted);margin:0}.friendly-note{font-size:15px;line-height:1.5;background:var(--lime);padding:14px 25px;border-radius:18px;transform:rotate(2deg);border:1px solid #ccd9b0;font-weight:700}.friendly-note>span{float:left;font-size:34px;margin-right:15px;color:var(--purple)}.lesson-grid{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,1fr);gap:26px;align-items:start}.watch-panel{min-width:0}.panel-title{display:flex;align-items:center;gap:12px;margin-bottom:12px}.number-label{background:var(--purple);color:white;font-weight:850;font-size:10px;letter-spacing:1px;padding:6px 11px;border-radius:7px}.panel-title h2{font-size:19px;margin:0;flex:1}.panel-title>span:last-child{font-size:24px}.video-stage{aspect-ratio:16/9;background:#33243e;border:2px solid #51365f;border-radius:23px;overflow:hidden;position:relative;box-shadow:0 9px 0 #e5dce7}.video-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;background:radial-gradient(ellipse at 50% 0%,#79618e,transparent 74%),#33243e;color:white;position:relative}.monster-portrait{font-size:clamp(45px,7vw,88px);line-height:1.1;filter:drop-shadow(0 9px 8px #160d2450);margin-bottom:12px}.stage-spark{position:absolute;right:12%;top:13%;font-size:38px;color:var(--gold)}.coming-label{font-size:9px;letter-spacing:2px;font-weight:850;color:var(--gold);margin-bottom:8px}.video-placeholder h3{font-size:clamp(16px,1.7vw,23px);margin-bottom:8px}.video-placeholder p{font-size:13px;line-height:1.5;color:#eee5f5;margin:0}video{width:100%;height:100%;display:block;object-fit:contain;background:#201529}.video-status{font-size:12px;color:var(--muted);margin:17px 0 16px}.video-tools{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.video-tools button{font-size:13px}.video-tools [aria-pressed=true]{background:var(--purple);color:white}.example{background:white;border:1px solid var(--line);border-radius:22px;padding:25px 28px;margin-top:22px;position:relative}.example h2{font:700 27px Georgia,serif;margin-bottom:14px}.example>p:not(.eyebrow){font-size:clamp(16px,1.45vw,21px);line-height:1.8;margin-bottom:16px}.example strong{color:var(--purple)}.big-finish{display:flex;align-items:center;gap:14px;border-top:1px dashed #cbbbd6;padding-top:16px}.big-finish>span:first-child{font-size:34px}.big-finish strong{font:750 30px Georgia,serif}.big-finish>span:last-child{font-size:12px;color:var(--muted)}.speaking-card{border:1px solid #cdbbd8;border-radius:24px;overflow:hidden;background:white;box-shadow:0 9px 0 #e5dce7}.card-heading{padding:24px 26px 20px;background:#eee5f4}.card-heading h2{font:700 32px Georgia,serif;letter-spacing:-.6px;margin-bottom:7px}.card-heading>p:last-child{color:var(--muted);font-size:13px;margin:0}.steps{padding:0;margin:0;list-style:none}.steps li{display:flex;align-items:start;gap:13px;padding:18px 23px;border-top:1px solid #ece5ef}.step-number{display:grid;place-items:center;border:1px solid #dfd0e8;background:#f3ecf6;border-radius:12px;width:34px;height:34px;flex:0 0 34px;font-size:16px;font-weight:850;color:var(--purple)}.steps li>div{flex:1;min-width:0}.steps h3{font-size:15px;font-weight:800;margin:2px 0 7px}.steps p{font-size:clamp(17px,1.5vw,22px);line-height:1.5;margin:0}.blank{color:var(--purple);font-weight:800;letter-spacing:1px}.step-icon{font-size:24px}.word-bank{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.word-bank span{padding:4px 9px;background:#f5eff7;border-radius:7px;font-size:12px;color:var(--purple);font-weight:750}.steps .action-step{background:var(--lime)}.action-step .step-number{background:white;border-color:#bfce9c}.action-step small{display:block;color:#596343;font-size:11px;margin-top:8px}.encouragement{padding:14px 20px;text-align:center;margin:0;font-size:12px;color:var(--purple);font-weight:700}.page-status{font-size:13px;color:var(--muted);margin:20px 0 0}footer{max-width:1408px;margin:auto;padding:18px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:12px}#exit-focus{position:fixed;top:12px;right:16px;z-index:30;background:var(--purple);color:white;box-shadow:0 4px 20px #20152930}.focus .site-header,.focus footer{display:none}.focus main{padding-top:65px}.focus .intro{margin-bottom:18px}.focus .friendly-note{display:none}@media(min-width:1600px){.focus main{max-width:1650px}.focus .steps p{font-size:25px}}@media(max-width:1050px){.site-header{padding:16px 24px}.brand{font-size:14px}.brand-small{font-size:8px}main{padding:24px}.lesson-grid{gap:18px;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}.steps li{padding:15px 16px;gap:10px}.steps h3{font-size:13px}.steps p{font-size:17px}.step-icon{font-size:19px}.card-heading{padding:20px}.card-heading h2{font-size:28px}.example{padding:22px}.video-placeholder{padding:15px}.monster-portrait{font-size:52px;margin-bottom:8px}.video-placeholder p{font-size:11px}footer{margin:0 24px}}@media(max-width:780px){.site-header{align-items:start;flex-direction:column;padding:15px 20px}nav{width:100%}nav>a{flex:1}.intro{align-items:start}.friendly-note{display:none}.lesson-grid{grid-template-columns:1fr;gap:26px}main{padding:24px 20px}.subtitle{font-size:19px}.video-placeholder h3{font-size:21px}.video-placeholder p{font-size:13px}.monster-portrait{font-size:70px}.steps p{font-size:21px}.steps h3{font-size:15px}.steps li{padding:20px}.example>p:not(.eyebrow){font-size:18px}.speaking-card{box-shadow:0 7px 0 #e5dce7}footer{margin:0 20px;flex-direction:column}}@media(max-width:420px){nav a,nav button{font-size:11px;padding:10px}.intro .eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:36px}.video-placeholder h3{font-size:16px}.video-placeholder p{font-size:11px}.monster-portrait{font-size:45px}.coming-label{font-size:8px}.steps li{padding:17px 14px}.steps p{font-size:18px}.step-number{width:30px;height:30px;flex-basis:30px}.step-icon{font-size:20px}.big-finish{flex-wrap:wrap}.big-finish>span:last-child{flex-basis:100%}}@media print{@page{size:A4 portrait;margin:12mm}body{background:white;font:12px/1.35 system-ui;color:black}.site-header,#exit-focus,footer,.friendly-note,.video-stage,.panel-title,.video-status,.video-tools,#retry-video,.page-status{display:none!important}main,.focus main{padding:0;max-width:none}.intro{margin:0 0 12px}.intro .eyebrow{font-size:9px}h1{font-size:30px;letter-spacing:0}.subtitle{font-size:15px}.lesson-grid{display:flex;flex-direction:column;gap:14px}.speaking-card{order:0;width:100%;box-shadow:none;border:1px solid #999;border-radius:10px;break-inside:avoid}.watch-panel{order:1;width:100%}.card-heading{padding:10px 14px;background:white}.card-heading h2{font-size:23px}.card-heading>p:last-child{font-size:11px}.steps li{padding:8px 12px;gap:10px;break-inside:avoid}.steps h3{font-size:12px;margin:0 0 4px}.steps p,.focus .steps p{font-size:15px;line-height:1.3}.step-number{width:24px;height:24px;flex-basis:24px;border-radius:6px;font-size:12px}.step-icon{font-size:18px}.word-bank{margin-top:5px}.word-bank span{padding:2px 6px;font-size:10px}.action-step small{margin-top:4px;font-size:10px}.encouragement{padding:8px;font-size:10px}.example{margin:0;padding:12px 16px;box-shadow:none;border-radius:10px;break-inside:avoid}.example .eyebrow{font-size:9px;margin-bottom:5px}.example h2{font-size:20px;margin-bottom:8px}.example>p:not(.eyebrow){font-size:13px;line-height:1.4;margin-bottom:8px}.big-finish{padding-top:7px}.big-finish strong{font-size:20px}.big-finish>span:first-child{font-size:24px}.big-finish>span:last-child{font-size:11px}}

/* Compact standalone pupil guide: no navigation or teacher controls. */
.site-header{padding:10px 24px;gap:12px;flex-direction:row;align-items:center}.brand>span:first-child{font-size:24px;padding:3px 8px}.friendly-note{margin:0;padding:8px 14px;transform:none;font-size:13px;display:block}.brand-small{font-size:9px}main{padding-top:16px}.intro{margin-bottom:18px}.intro h1{font-size:clamp(30px,3.4vw,46px);margin:0}.card-heading{padding:16px 22px}.steps li{transition:background-color .18s,box-shadow .18s}.steps li.is-current{background:#fff0bd;box-shadow:inset 5px 0 #9b5a13}.steps li.is-current .step-number{background:#654478;color:white}.page-status:empty{display:none}@media(max-width:420px){.site-header{padding:10px 16px}.friendly-note{font-size:11px;padding:6px 8px;max-width:130px}.brand{font-size:13px}.brand-small{font-size:7px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){.steps li{transition:none}}

.parent-note{background:#fff1d7;border:1px solid #e3bf83;border-radius:14px;padding:12px 16px;margin-bottom:14px;font-size:13px;line-height:1.5}.parent-note p{margin:5px 0 0}.video-stage{aspect-ratio:9/16;width:min(100%,370px);margin-inline:auto}.example .example-note{font-size:12px;color:var(--muted);line-height:1.5}.video-stage video{object-fit:contain}@media print{.parent-note{display:none}}