[hidden]{display:none!important}
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#173151;background:#eef6fb}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.review{max-width:1500px;margin:0 auto;padding:18px}.cover{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);gap:0;min-height:min(86vh,760px);overflow:hidden;border-radius:28px;background:radial-gradient(circle at 84% 17%,#347abb 0,transparent 35%),radial-gradient(circle at 58% 93%,#0a8c81 0,transparent 30%),linear-gradient(120deg,#092d47,#0d5667 57%,#244f9b);color:#fff;box-shadow:0 25px 56px rgba(14,48,75,.23)}.cover:before{content:"";position:absolute;width:520px;height:520px;right:-110px;top:-170px;border:1px solid #ffffff23;border-radius:50%;box-shadow:0 0 0 60px #ffffff08,0 0 0 120px #ffffff06}.cover-copy{z-index:1;align-self:center;padding:70px 10px 110px 62px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#b7fcdd;font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.cover .eyebrow{padding:8px 13px;border:1px solid #ffffff5b;border-radius:99px;background:#ffffff18}.cover .eyebrow span{color:#ffdd76;font-size:1.15rem}.cover h1{margin:20px 0 18px;font-size:clamp(2.5rem,5vw,5rem);line-height:1.04;letter-spacing:-.06em}.cover h1 em{color:#a8f2d6;font-style:normal}.cover-copy>p{max-width:630px;color:#e9f7fc;font-size:1.12rem;line-height:1.65}.cover-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.primary,.secondary{min-height:53px;padding:12px 21px;border-radius:12px;font-weight:850;border:1px solid transparent}.primary{background:#ffda72;color:#143248;box-shadow:0 8px 20px #06243762}.primary:hover,.primary:focus-visible{background:#ffe9a8;transform:translateY(-2px)}.primary span{display:inline-grid;place-items:center;margin-left:10px;width:25px;height:25px;border-radius:50%;background:#164876;color:#fff}.secondary{background:#ffffff17;border-color:#ffffff7a;color:#fff}.secondary:hover,.secondary:focus-visible{background:#ffffff30}.cover-hint{margin-top:13px;color:#ccebe6;font-size:.83rem}.cover-hint span{color:#7fecbc;font-weight:900;margin-right:5px}.cover-art{z-index:1;align-self:center;width:100%;padding:35px 30px 70px 0}.cover-art svg{display:block;width:100%;height:auto;filter:drop-shadow(0 15px 20px #07253d4a)}.cover-bottom{position:absolute;z-index:2;left:34px;right:34px;bottom:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.cover-bottom>div{display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid #ffffff38;border-radius:12px;background:#ffffff18;backdrop-filter:blur(6px)}.cover-bottom strong{color:#ffe19b;font-size:.9rem}.cover-bottom span{color:#e5f6f7;font-size:.8rem}.workspace{overflow:hidden;border:1px solid #d3e3ed;border-radius:24px;background:#f9fcff;box-shadow:0 19px 42px #1434561b}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 30px;background:linear-gradient(105deg,#123c59,#0e837c 65%,#2860a6);color:#fff}.workspace-head h1{margin:7px 0 3px;font-size:clamp(1.5rem,2.6vw,2.5rem);letter-spacing:-.03em}.workspace-head p{margin:0;color:#d4f0f2}.back-cover{flex:none;padding:10px 14px;border:1px solid #ffffff7a;border-radius:10px;background:#ffffff18;color:#fff;font-weight:800}.back-cover:hover{background:#ffffff2c}.workspace-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;padding:20px}.sidebar{align-self:start;position:sticky;top:16px;max-height:calc(100vh - 30px);overflow:auto;border:1px solid #d8e7ef;border-radius:18px;background:#fff;padding:18px;box-shadow:0 7px 16px #12334c0c}.sidebar label{display:block;font-weight:850;color:#173e57}.sidebar input{width:100%;margin-top:9px;padding:11px;border:1px solid #b8d4e0;border-radius:10px;background:#f8fcff;color:#153950}.sidebar input:focus{outline:3px solid #a1ead7}.progress{margin:17px 0;color:#557189;font-size:.82rem;font-weight:700}.progress-track{height:8px;margin-top:8px;border-radius:20px;background:#e8f1f5;overflow:hidden}.progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#0ba389,#49b6e6);transition:width .25s}.nav-group{margin:14px 0}.nav-group>strong{display:block;margin-bottom:5px;color:#58768c;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.nav-topic{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:#24445c;text-align:left;font-size:.83rem;font-weight:650;line-height:1.3}.nav-topic:hover{background:#eaf7f6}.nav-topic.active{background:#dff7f0;color:#086b62;font-weight:850}.nav-topic .done{margin-left:auto;color:#119b79}.lesson{min-height:590px;border:1px solid #dce7ef;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 7px 17px #12334c0b}.lesson-hero{position:relative;padding:28px 31px 22px;color:#14364e;background:linear-gradient(140deg,var(--light),#fff 78%);border-top:7px solid var(--color)}.lesson-topline{display:flex;justify-content:space-between;align-items:center;gap:12px}.lesson-num{color:var(--color);font-size:.75rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.lesson-jump{display:flex;gap:7px}.lesson-jump button{width:35px;height:35px;border:1px solid #d5e3e9;border-radius:9px;background:#fff;color:#33556b;font-size:1.2rem}.lesson-jump button:disabled{opacity:.4;cursor:not-allowed}.lesson-hero h2{margin:11px 0 5px;font-size:clamp(1.6rem,2.5vw,2.4rem);letter-spacing:-.04em;line-height:1.12}.lesson-hero p{max-width:750px;margin:0;color:#405e70;line-height:1.55}.lesson-visual{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.5fr);gap:22px;align-items:center;padding:22px 30px;border-bottom:1px solid #e3edf0}.visual-canvas{display:grid;place-items:center;min-height:210px;border:1px solid color-mix(in srgb,var(--color) 25%,white);border-radius:18px;background:var(--light);overflow:hidden}.visual-canvas svg{width:100%;max-width:520px;height:auto;max-height:260px}.visual-note{padding:17px;border-radius:14px;background:#123d55;color:#fff}.visual-note span{display:block;color:#8becd5;font-size:.71rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.visual-note strong{display:block;margin-top:8px;font-size:1.06rem;line-height:1.4}.visual-note p{margin:8px 0 0;color:#d6eef3;font-size:.84rem;line-height:1.45}.lesson-tabs{display:flex;gap:7px;padding:14px 30px 0;border-bottom:1px solid #e5edf1}.lesson-tabs button{position:relative;padding:11px 16px;border:0;border-radius:9px 9px 0 0;background:#f1f7f9;color:#37586c;font-weight:850}.lesson-tabs button[aria-selected="true"]{background:var(--color);color:#fff}.tab-panel{padding:25px 30px 28px;min-height:280px}.tab-panel h3{margin:0 0 11px;color:#173a55;font-size:1.23rem}.tab-panel p{color:#35556c;line-height:1.68}.key-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.key-point{padding:16px;border-radius:13px;background:#f0f8fa;border:1px solid #d9e9ed;color:#2a5268;font-size:.88rem;line-height:1.5}.key-point .number{display:grid;place-items:center;width:28px;height:28px;margin-bottom:9px;border-radius:8px;background:var(--color);color:#fff;font-weight:900}.example-box{padding:20px;border-left:5px solid var(--color);border-radius:10px;background:var(--light)}.example-box .question{font-weight:850;color:#173b50}.steps{counter-reset:step;list-style:none;padding:0;margin:16px 0}.steps li{counter-increment:step;display:flex;gap:12px;align-items:start;margin:10px 0;color:#315268;line-height:1.55}.steps li:before{content:counter(step);display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--color);color:#fff;font-size:.8rem;font-weight:900}.takeaway{margin-top:17px;padding:12px 15px;border-radius:10px;background:#fff;border:1px solid #c9e5e3;color:#174451;font-weight:800}.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:17px 0}.answer{padding:12px 14px;border:1px solid #cbdce4;border-radius:10px;background:#fff;text-align:left;color:#17374d;font-weight:750}.answer:hover{border-color:var(--color);background:var(--light)}.answer.selected{border:2px solid var(--color);background:var(--light)}.answer.correct{border-color:#0c9b73;background:#e4faef}.answer.wrong{border-color:#c64755;background:#fff0f0}.feedback{padding:15px;border-radius:11px;background:#eaf9f1;border:1px solid #b7e8cd;color:#165a46;line-height:1.55}.feedback.try-again{background:#fff6ea;border-color:#f3d4a4;color:#765018}.lesson-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:17px 30px;border-top:1px solid #e4edf1;background:#f7fafc}.lesson-footer a{color:#096f7f;font-weight:850}.lesson-footer button{padding:10px 17px;border:0;border-radius:9px;background:#0d786f;color:#fff;font-weight:850}.lesson-footer button:hover{background:#095e59}footer{padding:6px 20px 25px;text-align:center;color:#647e8f;font-size:.8rem}@media(max-width:950px){.cover{grid-template-columns:1fr 1fr}.cover-copy{padding:45px 0 110px 32px}.cover-art{padding-right:13px}.cover-bottom{left:18px;right:18px}.cover-bottom>div{display:block}.cover-bottom span{display:block}.workspace-layout{grid-template-columns:230px minmax(0,1fr)}}@media(max-width:720px){.review{padding:8px}.cover{grid-template-columns:1fr;min-height:0;border-radius:18px}.cover-copy{padding:36px 27px 0}.cover h1{font-size:clamp(2.5rem,9vw,4.2rem)}.cover-copy>p{font-size:1rem}.cover-art{max-width:480px;justify-self:center;padding:15px 20px 105px}.cover-bottom{bottom:12px}.cover-bottom>div{padding:8px;text-align:center}.cover-bottom span{font-size:.67rem}.workspace-head{padding:21px}.workspace-layout{grid-template-columns:1fr;padding:10px}.sidebar{position:static;max-height:275px}.lesson-visual{grid-template-columns:1fr}.key-points{grid-template-columns:1fr}.lesson-tabs,.tab-panel,.lesson-visual,.lesson-footer{padding-left:17px;padding-right:17px}}@media(max-width:460px){.cover-actions{display:grid}.cover-actions button{width:100%}.cover-bottom{grid-template-columns:repeat(3,1fr)}.cover-bottom strong{font-size:.75rem}.cover-bottom span{display:none}.workspace-head{display:block}.back-cover{margin-top:14px}.answers{grid-template-columns:1fr}.lesson-hero{padding:22px 19px}.lesson-tabs button{padding:10px 12px;font-size:.82rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Reading and writing identity: ink blue, coral, lavender, and warm paper. */
:root{background:#f4f1fc;color:#202a50}.cover{background:radial-gradient(circle at 88% 21%,#835ac7 0,transparent 34%),radial-gradient(circle at 54% 94%,#c95085 0,transparent 29%),linear-gradient(120deg,#142a58,#394182 55%,#773e8a)}.cover h1 em{color:#ffd9a0}.cover .eyebrow{color:#ffe7b3}.cover-hint{color:#f3e6ff}.cover-bottom strong{color:#ffe3aa}.workspace{background:#fcfaff;border-color:#ded5f0}.workspace-head{background:linear-gradient(105deg,#182e5c,#624587 65%,#ad4c7c)}.sidebar{border-color:#e0daf1}.sidebar input{background:#fcfaff;border-color:#cfc7e7}.sidebar input:focus{outline-color:#ffc88b}.progress-track{background:#efeafa}.progress-track span{background:linear-gradient(90deg,#aa4f85,#6b6acb)}.nav-topic:hover{background:#f6f0ff}.nav-topic.active{background:#ede8ff;color:#5145a2}.nav-topic .done{color:#278c6a}.visual-note{background:#222d61}.visual-note span{color:#ffd68f}.visual-note p{color:#ebe8fa}.key-point{background:#f8f5ff;border-color:#e8e0f7}.lesson-footer{background:#faf8ff}.lesson-footer a{color:#4f5da2}.lesson-footer button{background:#6548a6}.lesson-footer button:hover{background:#4e378a}