:root{--ink:#183b38;--deep:#153d36;--paper:#f7f4ec;--muted:#5b6f68;--line:#d8ded3;--accent:#a14b2c;--mint:#dbe9df;--white:#fffef9;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}button,input,select{font:inherit}button,a,summary,input,select{touch-action:manipulation}button,select{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #b46531;outline-offset:4px}.skip{position:absolute;top:-100px;left:1rem;background:white;padding:.8rem;z-index:9}.skip:focus{top:1rem}.wrap{max-width:1160px;margin:auto;padding:0 32px}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:86px}.brand{font:700 26px Georgia,serif;text-decoration:none;letter-spacing:-1px}.brand em{font-style:normal;color:var(--accent)}nav{display:flex;gap:26px;align-items:center}nav a{text-decoration:none;font-size:14px}.nav-link{border-bottom:1px solid var(--ink)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.14;letter-spacing:-.03em}h1{font-size:clamp(40px,5.5vw,70px);margin:18px 0 24px}h2{font-size:clamp(29px,3vw,40px);margin:0 0 20px}h3{font-size:25px;margin:0 0 16px}p{margin:0 0 18px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:700;color:var(--accent)}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:80px;align-items:center;padding:68px 0 60px}.hero-copy>p:not(.eyebrow){max-width:490px;font-size:18px;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0 22px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:48px;border:1px solid var(--deep);border-radius:6px;padding:11px 21px;background:var(--deep);color:white;text-decoration:none;font-size:14px;font-weight:600}.button:hover{background:#255349;color:white}.button.secondary{background:transparent;color:var(--ink)}.button.secondary:hover{background:var(--mint)}.small{font-size:13px;color:var(--muted)}.story-art{background:#dfe8dd;border-radius:130px 130px 10px 10px;min-height:430px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.story-art:before{content:'';width:340px;height:340px;border:1px solid #b5c7b6;border-radius:50%;position:absolute;top:50px}.book{position:relative;background:#173e35;width:252px;height:340px;transform:rotate(-7deg);border-radius:3px 10px 10px 3px;box-shadow:14px 18px 25px #183b3830,inset 7px 0 #092d24;border-right:7px solid #e5ddca;color:#f3ecdc;text-align:center;padding:30px 18px}.book .book-kicker{font:9px Arial;letter-spacing:.25em;text-transform:uppercase}.book .book-title{font:42px/1.05 Georgia;margin:24px 0 18px}.envelope{position:relative;width:112px;height:70px;background:#f2e8cd;margin:22px auto;transform:rotate(7deg);border:1px solid #d1bf99}.envelope:before{content:'';position:absolute;inset:0;background:linear-gradient(32deg,transparent 49%,#c8b991 50%,transparent 51%),linear-gradient(-32deg,transparent 49%,#c8b991 50%,transparent 51%)}.book small{font:10px Georgia;font-style:italic;color:#d9d9bc}.art-tag{position:absolute;bottom:26px;right:18px;background:var(--white);padding:9px 14px;border-radius:5px;font-size:12px;box-shadow:0 4px 18px #183b3810}.facts{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0}.facts span{font-size:13px;color:var(--muted)}.facts strong{color:var(--ink);margin-right:6px;font-size:18px}.section{padding:54px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:27px}.section-head p{max-width:420px;color:var(--muted);margin:0}.level-grid,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.level-card{background:var(--white);border:1px solid var(--line);border-radius:9px;padding:26px;text-decoration:none;display:flex;flex-direction:column;align-items:start;position:relative}.level-card:hover{border-color:#5c8272;color:var(--ink);box-shadow:0 6px 18px #183b3808}.badge{display:inline-flex;padding:4px 10px;border-radius:5px;font-size:12px;font-weight:700;letter-spacing:.03em;background:var(--mint);color:var(--deep)}.badge.b2{background:#e0e8f0;color:#344c69}.badge.c1{background:#eee3ef;color:#654366}.level-card h3{margin-top:22px}.level-card p{font-size:14px;color:var(--muted);flex:1}.card-link{font-size:13px;font-weight:700;padding-top:16px}.step{border-top:1px solid var(--line);padding-top:20px}.step>span{color:var(--accent);font:italic 24px Georgia}.step h3{margin-top:14px;font-size:23px}.step p{color:var(--muted);font-size:14px}.story-band{padding:34px;background:var(--deep);color:var(--paper);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:24px}.story-band p{margin:0;max-width:680px;color:#d3dfd6}.story-band h2{font-size:31px}.story-band .button{border-color:#d8e3d7;white-space:nowrap}.site-footer{border-top:1px solid var(--line);margin-top:55px;padding:30px 0 38px}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:start}.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:12px}.footer-note{font-size:12px;color:var(--muted);margin-top:8px}.breadcrumb{font-size:12px;color:var(--muted);margin:25px 0}.page-intro{max-width:780px;padding:15px 0 30px}.page-intro h1{font-size:clamp(37px,5vw,56px)}.page-intro p{font-size:17px;color:var(--muted)}.chapter-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.chapter-card{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:23px;text-decoration:none}.chapter-card:hover{border-color:var(--muted)}.chapter-card .chapter-num{font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.12em}.chapter-card h2{font-size:25px;margin:10px 0 16px}.part-links{display:flex;gap:10px;flex-wrap:wrap;font-size:13px}.part-links a{padding:4px 8px;border:1px solid var(--line);border-radius:4px}.chapter-parts{display:grid;gap:16px;max-width:850px}.part-card{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px;border:1px solid var(--line);background:var(--white);border-radius:8px}.part-card h2{font-size:26px;margin:5px 0 8px}.part-card p{margin:0}.reader-layout{display:grid;grid-template-columns:minmax(0,790px) 240px;gap:36px;align-items:start}.reader-panel{background:var(--white);border:1px solid var(--line);border-radius:9px;padding:30px;margin-bottom:24px}.reader-panel h2{font-size:30px}.reader-panel h3{font-size:21px}.reader-heading h1{font-size:clamp(36px,4.5vw,52px);margin:15px 0}.reader-heading{padding:12px 0 30px}.reader-meta{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--muted)}audio{width:100%;margin:12px 0;accent-color:var(--deep)}.speed-control{display:flex;align-items:center;gap:12px;font-size:13px}.speed-control select{padding:5px 9px;border:1px solid var(--line);border-radius:4px;background:var(--paper)}.vocabulary{display:grid;grid-template-columns:1fr 1fr;gap:12px 26px;font-size:14px}.vocabulary div{border-bottom:1px solid var(--line);padding:8px 0}.vocabulary dt{font-weight:700}.vocabulary dd{margin:3px 0;color:var(--muted)}details summary{cursor:pointer;font-weight:600;font-size:14px}fieldset{border:0;border-bottom:1px solid var(--line);padding:20px 0 24px;margin:0 0 18px;min-width:0}legend{font-weight:600;font-size:16px;padding:0;width:100%}.answer{display:flex;align-items:start;gap:10px;border:1px solid var(--line);border-radius:5px;padding:11px 13px;margin:9px 0;font-size:14px;cursor:pointer}.answer:has(input:checked){border-color:#50745f;background:#edf3eb}.answer input{margin-top:5px;accent-color:var(--deep)}.answer.correct{border-color:#4d7854;background:#eef6eb}.answer.incorrect{border-color:#b77459;background:#fff1e9}.question-feedback{font-size:14px;margin-top:14px}.question-feedback:empty{display:none}.form-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.score{background:var(--mint);padding:15px;border-radius:5px;margin-top:18px}.score:empty{display:none}.js .transcript[data-locked='true'] .transcript-body{display:none}.transcript-body{font:19px/1.85 Georgia,serif}.transcript-body p{margin:0 0 20px}.transcript-lock{font-size:14px;color:var(--muted)}.reader-aside{position:sticky;top:20px;font-size:13px;border-left:1px solid var(--line);padding-left:22px}.reader-aside h2{font-size:22px}.reader-aside a{display:block;margin:12px 0}.reader-aside a[aria-current]{font-weight:bold;color:var(--accent)}.level-switch{display:flex;gap:8px;margin:14px 0 25px}.level-switch a{display:inline-block;margin:0;text-decoration:none}.page-nav{display:flex;justify-content:space-between;gap:16px;margin:26px 0}.page-nav a{max-width:48%;font-size:14px}.progress-bar{height:5px;background:var(--line);border-radius:9px;overflow:hidden;margin:12px 0}.progress-bar span{display:block;background:var(--deep);height:100%;width:0}.completed-note{color:#476a46;font-size:12px}.prose{max-width:780px;margin:30px auto}.prose h1{font-size:48px}.prose h2{font-size:28px;margin:30px 0 14px}.prose li{margin-bottom:10px}button:disabled{opacity:.55;cursor:default}[hidden]{display:none!important}.noscript{background:#f2e8d2;padding:14px;border-radius:5px;font-size:14px}
@media(max-width:900px){.hero{gap:35px}.story-art{min-height:380px}.book{transform:rotate(-5deg) scale(.9)}.reader-layout{grid-template-columns:1fr}.reader-aside{position:static;grid-row:1;border:0;padding:16px;background:#e9eee5;border-radius:7px}.reader-aside .aside-parts{display:flex;gap:15px;flex-wrap:wrap}.reader-aside .level-switch{margin-bottom:8px}.chapter-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.wrap{padding:0 20px}.header-inner{min-height:75px;gap:12px}.brand{font-size:23px}nav{gap:14px}nav a{font-size:12px}nav .optional{display:none}.hero{grid-template-columns:1fr;gap:30px;padding-top:35px}.hero h1{font-size:49px}.hero-copy>p:not(.eyebrow){font-size:16px}.story-art{min-height:350px;max-width:430px;width:100%;margin:auto}.book{transform:rotate(-5deg) scale(.85)}.facts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.facts strong{font-size:16px}.facts span{font-size:12px}.section{padding:35px 0}.section-head{display:block}.section-head p{margin-top:15px}.level-grid,.steps,.chapter-list{grid-template-columns:1fr}.level-card{padding:23px}.level-card h3{margin:14px 0}.story-band{display:block;padding:25px}.story-band .button{margin-top:20px}.footer-inner{display:block}.footer-links{margin-top:22px}.reader-panel{padding:21px}.vocabulary{grid-template-columns:1fr}.reader-heading h1{font-size:39px}.part-card{display:block}.part-card .button{margin-top:18px}.page-nav{flex-direction:column}.page-nav a{max-width:100%}.reader-meta{flex-wrap:wrap}.prose h1{font-size:37px}}