@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
:root{--ink:#233b34;--green:#285648;--paper:#f7f5ef;--muted:#6e7973;--line:#dddeda;--gold:#a7834b;--pale:#edf1e9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 'DM Sans',Arial,sans-serif}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b58f4f;outline-offset:4px}a{color:var(--green)}.previewbar{background:#e9ede5;padding:7px 5%;display:flex;gap:16px;align-items:center;font-size:10px;letter-spacing:1px}.previewbar button{border:0;background:none;text-decoration:underline;color:var(--ink);font-size:11px}.previewbar span:last-child{margin-left:auto;letter-spacing:0}header{padding:25px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.brand{font-size:22px;font-weight:700;letter-spacing:2px;text-decoration:none;line-height:1.25}.brand span{display:block;font:9px/2 'DM Sans',Arial,sans-serif;letter-spacing:2px}.wordmark{font:25px Georgia,serif}.dot{color:var(--gold)}#identity{font-size:12px;color:var(--muted)}main{max-width:1130px;margin:54px auto 80px;padding:0 30px;min-height:62vh}h1,h2,h3{line-height:1.2}h1{font-family:'Libre Baskerville',Georgia,serif;font-size:clamp(35px,5vw,57px);font-weight:400;letter-spacing:-1.7px;margin:20px 0}h2{font:26px/1.35 'Libre Baskerville',Georgia,serif}h3{font-size:17px}p{margin:14px 0}.lede{font-size:17px;color:var(--muted);max-width:610px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--green);font-weight:700}.muted,.fine{color:var(--muted)}.fine{font-size:12px}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center}.edition{border-left:1px solid var(--line);padding:16px 0 16px 35px}.edition strong{display:block;font:50px Georgia,serif;color:var(--gold);margin:7px 0}.rule{height:1px;background:var(--line);margin:30px 0}.groups{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:40px 0}.group{border:0;border-top:2px solid var(--line);background:transparent;text-align:left;padding:23px 0;color:var(--ink)}.group:hover{border-color:var(--green)}.group b{font:30px Georgia,serif;display:block;margin:15px 0}.group p{font-size:14px;color:var(--muted);max-width:250px}.group span{font-size:11px;color:var(--gold)}.primary,.secondary{border-radius:5px;padding:12px 20px;border:1px solid var(--green);background:var(--green);color:white;font-weight:600;display:inline-block;text-decoration:none}.secondary{background:transparent;color:var(--green);border-color:var(--line)}.textbtn{background:none;border:0;border-bottom:1px solid currentColor;padding:2px 0;color:var(--green);font-size:13px}.panel{background:#fffefa;border:1px solid var(--line);padding:30px;border-radius:8px}.narrow{max-width:740px;margin:auto}.flex{display:flex;justify-content:space-between;align-items:center;gap:16px}.stack{display:grid;gap:14px}.space{margin-top:28px}.pill{font-size:11px;padding:5px 10px;border:1px solid var(--line);border-radius:30px;white-space:nowrap}label{display:block;margin-bottom:7px;font-weight:600}input[type=text]{padding:13px;width:100%;background:white;border:1px solid #c5cdc3;border-radius:5px;color:var(--ink)}.progress{height:5px;border-radius:6px;background:#e0e5da;overflow:hidden;margin:16px 0}.progress>i{display:block;background:var(--green);height:100%}.options{display:grid;gap:10px;margin:25px 0}.option{display:flex;align-items:center;gap:14px;text-align:left;background:white;padding:15px;border:1px solid var(--line);border-radius:5px;color:var(--ink)}.option span{font-size:11px;color:var(--muted);border-right:1px solid var(--line);padding-right:14px}.option.selected{border-color:var(--green);background:var(--pale)}.feedback{padding:20px;background:var(--pale);border-left:3px solid var(--green);margin:24px 0}.feedback.warn{background:#f7efe0;border-color:var(--gold)}.feedback p{font-size:14px;margin:9px 0}.week{display:grid;grid-template-columns:repeat(5,1fr);margin:32px 0;border-bottom:1px solid var(--line);gap:12px}.day{background:none;border:0;border-bottom:3px solid transparent;padding:14px 5px;text-align:left;color:var(--ink)}.day.active{border-bottom-color:var(--green)}.day b{display:block;font-size:16px}.day small{display:block;font-size:11px;margin-top:5px;color:var(--muted)}.dashboard{display:grid;grid-template-columns:1fr 280px;gap:45px}.lessonrow{border-top:1px solid var(--line);padding:20px 0;display:flex;align-items:center;gap:17px}.lessonrow>span{font:20px Georgia,serif;color:var(--gold);width:24px}.lessonrow>div{flex:1}.lessonrow h3{margin:3px 0 7px;font-weight:500}.lessonrow .fine{font-size:11px}.sidebar{border-left:1px solid var(--line);padding-left:28px}.sidebar h3{font-weight:500}.sidebar p{font-size:13px}.reading{font:17px/1.9 Georgia,serif;max-width:740px}.reading p{margin:20px 0}.lessonbody{line-height:1.85}.lessonbody i{color:#446b58}details{margin:20px 0;border-top:1px solid var(--line);padding-top:15px}summary{cursor:pointer;font-weight:600}audio{width:100%;margin:15px 0}.actions{display:flex;align-items:center;gap:16px;margin-top:25px;flex-wrap:wrap}.summarysheet{max-width:780px;margin:auto;padding:55px;border:1px solid var(--line);background:white;text-align:center}.summarysheet h1{font-size:38px}.metric{font:70px Georgia,serif;margin:20px}.summarysheet .name{font:28px Georgia,serif}.summarysheet dl{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:12px;border-top:1px solid var(--line);padding-top:20px}.summarysheet dd{margin:0;text-align:right}footer{border-top:1px solid var(--line);padding:23px 5%;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);letter-spacing:1px}dialog{border:1px solid var(--line);border-radius:8px;padding:30px;max-width:500px;width:90%;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#172d26aa}dialog select{width:100%;padding:10px;margin:10px 0}#toast{display:none;position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:12px 20px;border-radius:6px;z-index:9}.inlineNote{font-size:12px;padding:10px 15px;background:#eceee7}.data{width:100%;border-collapse:collapse}.data th,.data td{text-align:left;padding:9px;border-bottom:1px solid var(--line)}.paused{padding:25px;border:1px dashed #bcc5b7}.checklist{padding-left:20px}.checklist li{margin:10px 0}@media(max-width:760px){main{padding:0 20px;margin-top:32px}.hero{grid-template-columns:1fr;gap:18px}.edition{display:none}.groups{gap:15px}.group b{font-size:25px}.dashboard{grid-template-columns:1fr;gap:20px}.sidebar{border-left:0;border-top:1px solid var(--line);padding:20px 0}.panel{padding:22px}.week{gap:2px}.day b{font-size:12px}.day small{font-size:9px}.wordmark{display:none}.summarysheet{padding:25px}.previewbar{padding:7px 15px;gap:8px;letter-spacing:0}.previewbar span:last-child{font-size:9px}.lessonrow{gap:10px}.lessonrow .secondary{padding:8px 11px;font-size:12px}footer{letter-spacing:0;font-size:9px}.flex.wrap{align-items:flex-start;flex-wrap:wrap}}@media(max-width:450px){.groups{grid-template-columns:1fr;gap:0}.group{padding:15px 0}.group b{margin:6px 0}.group p{max-width:none;margin:5px 0}.day small{min-height:27px}.summarysheet dl{font-size:12px}}@media print{header,.previewbar,footer,.actions,#toast{display:none!important}body{background:white}main{margin:0;padding:0;max-width:none}.summarysheet{border:0;max-width:none}.summarysheet h1{font-size:36px}}
.reviewnav{display:flex;gap:12px;flex-wrap:wrap;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid var(--line)}.previewbar a{font-size:11px;margin-left:auto}.panel select{padding:10px;background:#fffefa;color:var(--ink);border:1px solid var(--line);border-radius:4px}
.visualworkshop{padding:28px;background:#edf1e8;border-radius:10px;margin:28px 0 35px}.visualworkshop h2{margin:10px 0 24px}.meaningcards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.meaningcard{padding:22px;border:1px solid #cbd6c5;border-radius:8px;background:#fffefa;text-align:left;color:var(--ink);line-height:1.7;align-self:start}.meaningcard:hover{border-color:var(--green)}.meaningcard strong{display:block;font:23px/1.45 Georgia,serif;margin:15px 0}.tapnote{font-size:11px;text-decoration:underline;color:var(--green)}.flipanswer{display:block;border-top:1px solid var(--line);margin-top:15px;padding-top:15px;font-size:14px}.flipanswer[hidden]{display:none}.weekstrip{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:22px}.weekstrip span{text-align:center;border-bottom:4px solid #779b7c;padding:12px 2px;background:#f8faf5}.weekstrip small,.weekstrip b{display:block}.weekstrip small{font-size:9px;color:var(--muted)}.eventtimeline{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-bottom:3px solid #779b7c;margin:15px 0 28px}.eventtimeline div{padding:16px 8px;position:relative}.eventtimeline div:after{content:'';width:13px;height:13px;border-radius:50%;background:var(--green);position:absolute;bottom:-8px;left:16px}.eventtimeline span{display:block;font-size:10px;letter-spacing:1px;color:var(--green)}.eventtimeline b{display:block;font:22px/1.5 Georgia,serif;margin-top:10px}.eventtimeline small{color:var(--muted)}.evidencebar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.evidencebar span{padding:14px;background:#dce7d4;border-top:4px solid #779b7c;font-size:11px}.evidencebar span:nth-child(2){background:#cbdcc3;border-color:#456e50}.evidencebar span:nth-child(3){background:#e4e1d4;border-color:#897c58}.evidencebar b{font-size:14px}.spot{background:#fffefa;border-radius:6px;padding:18px;border:1px solid var(--line)}.skillbrief{border-left:4px solid #b08b50;padding:15px 25px;background:#f0ede3;margin:25px 0}.skillbrief h2{font-size:25px;margin:10px 0}.skillbrief details{margin:12px 0 0;padding:12px 0 0}@media(max-width:600px){.meaningcards{grid-template-columns:1fr}.visualworkshop{padding:18px}.evidencebar{grid-template-columns:1fr}.eventtimeline b{font-size:17px}.meaningcard strong{font-size:22px}}
[hidden]{display:none!important}
/* A calm, colour-coded study desk. */
:root{--paper:#f6f7fc;--ink:#24354a;--green:#275e58;--line:#dce3ec;--muted:#586a7d;--pale:#eaf5f0}
body{background:radial-gradient(ellipse at 96% 0,#e8e3ff88,transparent 40%),var(--paper)}
header{background:#ffffffd9;border-bottom-color:#e0e5ee}.brand{color:#245b57}
.hero{background:linear-gradient(115deg,#e5f3ef,#edf0ff 72%,#fcebdc);padding:38px;border-radius:24px;gap:40px}.hero h1{color:#254d55}.edition{border-color:#c4d6d5}.edition strong{color:#8161ab}
.groups{gap:20px}.group{border:1px solid #d2e5de;border-top:5px solid #388478;border-radius:16px;background:#eaf5f0;padding:24px;transition:transform .18s,border-color .18s}.group:nth-child(2){background:#eef0fd;border-color:#dce0f5;border-top-color:#7970b9}.group:nth-child(3){background:#fff1e3;border-color:#f0ddc7;border-top-color:#c07b37}.group:hover{transform:translateY(-3px);border-color:#627f91}.group span{color:#50647a}.group p{color:#4d6071}.inlineNote{background:#eaf0f8;border-radius:10px}
.primary,.secondary{border-radius:10px}.secondary{background:#ffffffb8}.primary:hover{background:#1f4d49}.primary:active,.secondary:active{transform:translateY(1px)}
.day{border-radius:12px 12px 0 0;background:#edf0f8;padding:14px 10px}.day.active{background:#dceee8;border-bottom-color:#367e70}.day.active b{color:#22594e}
.lessonrow{--skill:#4c7d75;--wash:#edf5f1;border:1px solid #dde5ea;border-left:5px solid var(--skill);border-radius:14px;padding:19px 20px;margin:12px 0;background:linear-gradient(100deg,var(--wash),#fff 76%)}
.lessonrow>span{color:var(--skill);font:600 20px 'DM Sans',sans-serif;min-width:26px}.lessonrow h3{font-weight:600}.lessonrow .fine:first-child{color:var(--skill);font-weight:700}.skill-listening{--skill:#7160a8;--wash:#f0ebfa}.skill-grammar{--skill:#287a69;--wash:#e7f4ee}.skill-reading{--skill:#356f9f;--wash:#eaf2fb}.skill-creative{--skill:#a66231;--wash:#fff1e2}.skill-review{--skill:#a24e69;--wash:#faedf2}
.sidebar{background:#ecf1f9;border:0;border-radius:16px;padding:24px;align-self:start}.progress{height:8px;background:#dce4ee}.progress>i{background:linear-gradient(90deg,#438b7e,#7a71b5)}
.panel{border-radius:15px;background:#fff;box-shadow:0 4px 22px #25375005}.option{border-radius:12px}.option.selected{background:#e7f3ee}.feedback{border-radius:0 13px 13px 0}.feedback.warn{background:#fff1df;border-color:#b77932}
.visualworkshop{background:linear-gradient(120deg,#e9f3ed,#e8effa);border:1px solid #d4e4e1;border-radius:18px}.meaningcard{border-radius:13px;background:#ffffffd9}.meaningcard:nth-child(2){background:#f4effc;border-color:#ded5ec}.skillbrief{background:#eaf1fa;border:1px solid #dce5f0;border-radius:16px;padding:25px;margin:25px 0}
.sound-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(115deg,#ece5fb,#e6f1fc);padding:26px;border-radius:18px;margin:28px 0}.sound-banner h2{font-size:25px;color:#534384;margin:10px 0}.sound-banner p{font-size:13px;color:#5e5978;margin:8px 0}.sound-banner .eyebrow{color:#67528e}.sound-bars{display:flex;align-items:center;gap:5px;height:92px;flex-shrink:0}.sound-bars i{display:block;width:7px;border-radius:6px;background:#8873b3}.sound-bars i:nth-child(even){background:#64a6aa}
.listen-intro{padding:22px 25px;border:1px solid #ded4ef;border-radius:14px;background:#faf7ff}.listen-intro h3{font-weight:500;line-height:1.6;margin:10px 0 0}.listen-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.listen-steps>div{background:white;border:1px solid #e0dcec;border-radius:12px;padding:18px}.listen-steps b{font-size:13px;color:#66508d}.listen-steps p{font-size:13px;line-height:1.7;margin-bottom:0}
#app[data-skill=listening] .feedback:not(.warn){background:#f0ebfa;border-color:#7b65ab}#app[data-skill=listening] audio{border-radius:24px;background:#f0ebfa}#app[data-skill=listening] .actions .primary{background:#67518f;border-color:#67518f}
@media(max-width:760px){.hero{padding:26px;gap:20px}.sidebar{padding:22px}.groups{gap:12px}.group{padding:19px}.listen-steps{grid-template-columns:1fr}.sound-banner{padding:22px}.sound-bars{gap:4px}.sound-bars i{width:5px}.lessonrow{padding:16px 14px}.day{padding:12px 5px}.sound-banner h2{font-size:23px}}
@media(max-width:450px){.groups{gap:14px}.hero{padding:22px}.sound-bars{display:none}.group b{margin:10px 0}.lessonrow .actions{gap:10px}.reviewnav .primary{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{body,.sidebar{background:white}.hero,.lessonrow,.sound-banner{background:white!important;box-shadow:none}}
.skill-vocabulary{--skill:#997220;--wash:#fff6d9}.word-banner{background:linear-gradient(110deg,#fff1c7,#fcf6e8);border-radius:18px;padding:25px;margin:25px 0}.word-banner h2{margin:10px 0;font-size:26px}.word-banner .eyebrow{color:#806019}.wordcards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.wordcard{text-align:left;align-self:start;border:1px solid #e4d5a3;border-radius:14px;padding:20px;background:#fffaf0;color:var(--ink)}.wordcard strong{display:block;font:24px/1.4 Georgia,serif;margin:12px 0;overflow-wrap:anywhere}.wordcard .eyebrow{color:#806019;letter-spacing:1px;font-size:10px}.word-answer{display:block;border-top:1px solid #e4d5a3;padding-top:14px}.word-answer[hidden]{display:none}.word-answer b,.word-answer span{display:block;font-size:13px;line-height:1.7}.word-answer span{margin-top:10px;color:#586271}.wordcard[aria-expanded=true]{background:#fff3d6}.wordcard:hover{border-color:#a88a39}@media(max-width:600px){.wordcards{grid-template-columns:1fr}.wordcard strong{font-size:23px}}