@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,600;0,700;0,800;0,900;1,400&display=swap');
@font-face{font-family:Atkinson;src:url('assets/AtkinsonHyperlegible-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:Atkinson;src:url('assets/AtkinsonHyperlegible-Bold.ttf') format('truetype');font-display:swap;font-weight:700}
:root{color-scheme:light;--bg:#f4f8fc;--surface:#fff;--ink:#0b1a2e;--muted:#555;--accent:#1874cd;--soft:#e8f1fa;--line:#d7e6f5;--success:#236344;--error:#9a3838;--on-accent:#fff;--mark:#cfe6ff;--font-size:20px;--line-height:1.65}
:root[data-theme=dark]{color-scheme:dark;--bg:#0b1a2e;--surface:#12365d;--ink:#eff2f7;--muted:#b2bdcd;--accent:#5bb8ff;--soft:#1a3a5c;--line:#2b4a6a;--success:#98d7b2;--error:#f4b2ae;--on-accent:#0b1a2e;--mark:#318ee7}
*{box-sizing:border-box}html{scroll-padding-top:160px;scrollbar-color:var(--muted) var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.5 Nunito,Atkinson,Arial,Helvetica,sans-serif}::selection{background:var(--mark);color:var(--ink)}a{color:var(--accent);text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;text-wrap:balance}h1{font-size:42px;margin-bottom:14px;letter-spacing:-.025em}h2{font-size:27px;margin:36px 0 18px}h3{font-size:21px;margin-bottom:8px}p{margin-bottom:16px}svg.icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}button,.button{border:1px solid var(--line);background:var(--surface);color:var(--accent);border-radius:12px;padding:12px 18px;min-height:48px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px}button:hover,.button:hover{background:var(--soft)}.primary{background:linear-gradient(135deg,#318ee7,#1874cd);color:var(--on-accent);border-color:#1874cd;box-shadow:0 6px 18px rgba(24,116,205,.28)}.primary:hover{background:var(--accent);filter:brightness(.93)}.plain{border:0;background:transparent;padding:10px}.muted,.meta{color:var(--muted)}.meta{font-size:15px}.small{font-size:14px}.stack{display:flex;flex-wrap:wrap;gap:12px}.spread{display:flex;align-items:center;justify-content:space-between;gap:18px}.hidden{display:none!important}.skip{position:fixed;top:-80px;left:20px;z-index:50;background:var(--surface);padding:12px}.skip:focus{top:10px}
#sidebar{position:fixed;inset:0 auto 0 0;width:256px;border-right:1px solid var(--line);padding:38px 24px;display:flex;flex-direction:column;background:var(--surface);z-index:10;box-shadow:4px 0 24px rgba(11,26,46,.04)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-size:20px;font-weight:700;line-height:1.2;margin-bottom:44px}.brand img{width:48px;height:48px;border-radius:10px}.navlinks{display:flex;flex-direction:column;gap:8px}.navlinks a,#mobile-nav a{display:flex;align-items:center;gap:12px;color:var(--muted);text-decoration:none;padding:13px 16px;border-radius:10px;font-weight:700}.navlinks a:hover,.navlinks a[aria-current=page],#mobile-nav a[aria-current=page]{background:var(--soft);color:var(--accent)}.side-note{margin-top:auto;padding-top:30px;font-size:14px;color:var(--muted)}.side-note img{width:77px;display:block;margin-bottom:16px}.page{margin-left:256px}#topbar{height:81px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px;gap:12px}.top-brand{display:flex;flex-direction:column;gap:2px;min-width:0}.top-title{color:var(--muted);font-size:16px}.brand-sender{color:var(--muted);font-size:12px;line-height:1.3}#main{max-width:1128px;margin:auto;padding:46px 48px 30px;min-height:calc(100vh - 180px)}#main:focus{outline:none}#footer{max-width:1128px;margin:auto;padding:24px 48px 32px;color:var(--muted);font-size:14px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}#footer a{color:var(--muted)}#mobile-nav{display:none}.intro{max-width:690px;font-size:20px;color:var(--muted)}.head-logo{display:flex;align-items:center;gap:16px}.head-logo img{width:66px;height:auto}.head-logo h1{margin-bottom:0}.overall{margin:24px 0 28px;max-width:620px}.overall p{margin-bottom:9px}.band{height:6px;border-radius:3px;background:var(--line);overflow:hidden}.band span{display:block;height:100%;background:var(--accent);border-radius:3px;}.resume{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--soft);padding:22px 24px;border-radius:12px;text-decoration:none;color:var(--ink)}.resume strong{display:block;font-size:22px;line-height:1.25;margin:4px 0 7px}.resume .label{color:var(--accent);font-size:15px;font-weight:700}.resume-main{display:flex;align-items:center;gap:18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 16px}.section-head h2{margin:0}.search{position:relative;max-width:280px}.search input{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:11px 12px 11px 39px;font-size:16px;min-height:46px}.search svg{position:absolute;left:11px;top:12px;width:21px}.search input::placeholder{color:var(--muted)}.topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.topic{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:23px;display:flex;align-items:center;gap:18px;color:var(--ink);text-decoration:none;min-height:145px;transition:border-color .15s ease-out}.topic:hover{border-color:var(--accent)}.topic-art{width:98px;height:94px;object-fit:contain;flex:none}.topic-copy{flex:1;min-width:0}.topic h3{font-size:22px;margin-bottom:7px}.topic .bookmark{color:var(--topic);margin-bottom:9px}.topic .bookmark svg{width:18px;height:18px}.topic p{margin:0}.topic .chevron{color:var(--muted);width:17px}.trainer{border-top:1px solid var(--line);padding-top:22px;margin-top:30px;display:flex;align-items:center;gap:12px;font-size:16px}.back{display:inline-flex;align-items:center;gap:7px;min-height:44px;margin-bottom:20px;text-decoration:none;font-size:16px}.theme-head{display:flex;align-items:center;gap:28px;margin-bottom:28px}.theme-head img{width:132px;height:128px;object-fit:contain}.theme-head h1{font-size:38px}.theme-head p{margin-bottom:0}.chapter-row{display:flex;align-items:center;gap:18px;padding:21px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.chapter-row:hover strong{color:var(--accent)}.chapter-row .number{width:40px;flex:none;color:var(--accent);font-size:22px;font-variant-numeric:tabular-nums}.chapter-row .row-text{flex:1;min-width:0}.chapter-row strong{font-size:20px;line-height:1.3;display:block;margin-bottom:6px}.read-check{color:var(--success);font-size:14px}.reader,.narrow{max-width:720px;margin:auto}.reader h1{font-size:38px;line-height:1.15}.reader-tools{display:flex;align-items:center;justify-content:space-between;gap:12px}.reader-tools .back{margin:0}.reader-tools{margin-bottom:20px}.reader .chapter-meta{margin-bottom:20px}.player{position:sticky;top:12px;z-index:5;display:flex;align-items:center;gap:16px;padding:16px 18px;background:var(--soft);border:1px solid var(--line);border-radius:12px;margin:24px 0}.player .play{width:51px;min-width:51px;height:51px;padding:0;border-radius:50%;background:var(--accent);color:var(--on-accent);border:0}.player-main{flex:1;min-width:0}.player-main strong{display:block}.player-main .meta{font-size:13px}.player .speed{padding:8px;min-width:60px;min-height:44px}.player input{width:100%;height:18px;accent-color:var(--accent);margin:5px 0 0;cursor:pointer}.player-time{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}.read-text{font-size:var(--font-size);line-height:var(--line-height);overflow-wrap:break-word}.read-text p{margin-bottom:1em}.read-text h2{font-size:1.25em;line-height:1.3;margin-top:1.5em;margin-bottom:.6em}.read-text ul,.read-text ol{padding-left:1.4em}.read-text li{padding-left:.2em;margin:.35em 0}.read-text figure{margin:28px 0}.read-text img{max-width:100%;max-height:520px;width:auto;border:1px solid var(--line);border-radius:10px;display:block;background:white}.read-text figcaption{font-size:14px;color:var(--muted);margin-top:8px}.read-text blockquote{margin:1em 0;padding:18px 22px;background:var(--soft);border-radius:10px}.read-text table{border-collapse:collapse;width:100%;font-size:.9em}.read-text td,.read-text th{border:1px solid var(--line);padding:10px;text-align:left}.read-text th{background:var(--soft)}.table-scroll{overflow:auto}.read-text hr{border:0;border-top:1px solid var(--line);margin:24px 0}.lead{font-weight:700;border-top:1px solid var(--line);padding-top:24px}.spoken{background:var(--mark);color:var(--ink);border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.source{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:23px;margin:30px 0 22px;font-size:16px}.source h2{font-size:20px;margin:0 0 10px}.source p{margin-bottom:12px}.chapter-actions{display:grid;gap:12px}.chapter-nav{display:flex;justify-content:space-between;gap:18px;margin-top:24px}.chapter-nav a{max-width:48%;font-size:16px}.comfort{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:16px 0}.setting{padding:20px 0;border-bottom:1px solid var(--line)}.setting label{display:block;font-weight:700;margin-bottom:12px}.setting input[type=range]{width:100%;accent-color:var(--accent)}.setting select{padding:10px 12px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;min-height:46px}.setting-inline{display:flex;align-items:center;justify-content:space-between;gap:18px}.setting-inline label{margin:0}.preview{background:var(--soft);padding:22px;border-radius:12px;margin-top:24px}.settings-links a{min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);text-decoration:none}.danger{color:var(--error);margin-top:24px}.offline-status{margin-top:12px}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px}.score-grid strong{font-size:32px;display:block;color:var(--accent)}.score-grid span{font-size:15px;color:var(--muted)}.progress-topic{padding:24px 0;border-bottom:1px solid var(--line)}.progress-topic h3{margin:0 0 8px}.progress-topic a{text-decoration:none;color:var(--ink)}.progress-topic .band{margin-top:12px}.quiz-question{font-size:27px;line-height:1.3;margin:30px 0 22px}.answers{display:grid;gap:12px}.answer{justify-content:flex-start;text-align:left;color:var(--ink);font-weight:400;padding:17px 20px;gap:16px;width:100%;min-height:64px}.answer .letter{color:var(--muted);font-weight:700;min-width:20px}.answer.correct{border-color:var(--success);background:var(--soft)}.answer.wrong{border-color:var(--error)}.answer:disabled{opacity:1}.answer-status{margin-left:auto;flex:none;font-size:14px;color:var(--success)}.wrong .answer-status{color:var(--error)}.feedback{padding:23px 0}.feedback strong{display:block;margin-bottom:8px}.feedback p{margin-bottom:0}.correct-text{color:var(--success)}.wrong-text{color:var(--error)}.result-score{font-size:64px;line-height:1.1;color:var(--accent);font-weight:700;margin:30px 0 8px}.result-score small{font-size:24px;color:var(--muted);font-weight:400}.explanation{border-bottom:1px solid var(--line);padding:19px 0}.explanation summary{cursor:pointer;line-height:1.4;font-weight:700;padding:4px 0}.explanation p{margin:14px 0 0;font-size:17px}.result-actions{margin-top:28px;display:grid;gap:12px}.info-links{display:flex;gap:16px;flex-wrap:wrap}#toast{position:fixed;bottom:24px;left:calc(50% + 100px);transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:12px 22px;border-radius:10px;max-width:calc(100% - 32px);z-index:40;display:none;font-size:16px}#toast.visible{display:block}:root[data-theme=dark] .topic-art,:root[data-theme=dark] .theme-head img{filter:brightness(0) saturate(100%) invert(89%) sepia(15%) saturate(790%) hue-rotate(177deg)}:root[data-theme=dark] .head-logo img,:root[data-theme=dark] .side-note img{content:url('assets/eoedl-template.png');filter:brightness(0) saturate(100%) invert(89%) sepia(15%) saturate(790%) hue-rotate(177deg)}
@media(min-width:1500px){#main{padding-top:56px}.topics{gap:20px}.topic{min-height:160px}}
@media(max-width:1100px){#sidebar{width:218px;padding:30px 17px}.page{margin-left:218px}#topbar{padding:0 30px}#main{padding:32px 30px}#footer{padding:24px 30px}.topic{padding:18px;gap:12px}.topic-art{width:70px;height:78px}.topic h3{font-size:20px}}
@media(max-width:760px){body{font-size:17px}#sidebar{display:none}.page{margin-left:0}#topbar{height:66px;padding:0 22px}.top-title{font-size:15px;color:var(--accent);font-weight:700}#main{padding:28px 22px 24px;min-height:calc(100vh - 220px)}#footer{padding:18px 22px 110px;font-size:13px}h1{font-size:35px}h2{font-size:25px}.head-logo img{width:52px}.head-logo{gap:12px}.intro{font-size:18px}.overall{margin:22px 0}.resume{padding:18px}.resume strong{font-size:20px}.resume-main{gap:12px}.section-head{align-items:stretch;flex-direction:column;gap:15px;margin-top:28px}.search{max-width:none}.topics{display:block}.topic{border:0;border-radius:0;border-bottom:1px solid var(--line);background:transparent;padding:19px 0;min-height:122px;gap:16px}.topic-art{width:85px;height:85px}.topic h3{font-size:21px}.topic .bookmark{margin-bottom:4px}.topic .bookmark svg{width:16px;height:16px}.topic:hover{background:var(--soft);border-color:var(--line)}.trainer{font-size:15px}.theme-head{gap:16px}.theme-head img{width:80px;height:90px}.theme-head h1{font-size:31px}.theme-head p{font-size:16px}.chapter-row{gap:12px}.chapter-row .number{width:28px}.chapter-row strong{font-size:19px}.reader h1{font-size:33px}.reader-tools{margin-bottom:20px}.player{top:8px;padding:12px;gap:10px}.player-main .meta{font-size:12px}.player .play{width:44px;height:44px;min-width:44px}.player .speed{min-width:49px;padding:8px}.player-time{font-size:11px}.reader .chapter-meta{font-size:14px}.read-text{line-height:var(--line-height)}.score-grid{gap:12px}.score-grid strong{font-size:28px}.score-grid span{font-size:13px}.quiz-question{font-size:25px}.answer{padding:15px;gap:12px}.answer-status{font-size:12px}#mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;justify-content:space-around;border-top:1px solid var(--line);background:var(--surface);padding:8px 10px calc(8px + env(safe-area-inset-bottom))}#mobile-nav a{flex:1;flex-direction:column;gap:4px;padding:7px 4px;min-width:0;font-size:clamp(10px,2.55vw,12px);min-height:57px}#mobile-nav .icon{width:22px;height:22px}#toast{bottom:95px;left:50%;width:max-content;max-width:calc(100% - 32px)}.setting-inline{flex-wrap:wrap}.chapter-nav{flex-direction:column}.chapter-nav a{max-width:100%;min-height:44px}.reader-tools .back{font-size:15px}.answer .answer-status{max-width:64px}.source{padding:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{#sidebar,#topbar,#mobile-nav,#footer,.player,.reader-tools,.chapter-actions,.chapter-nav,.skip{display:none!important}.page{margin:0}#main{padding:0;max-width:none}.reader{max-width:none}:root{--bg:white;--ink:black;--muted:#333;--surface:white}.read-text{font-size:12pt}.source{break-inside:avoid}}
[hidden]{display:none!important}

.topic-art,.theme-head img{filter:brightness(0) saturate(100%) invert(22%) sepia(34%) saturate(3181%) hue-rotate(209deg) brightness(94%) contrast(93%)}

@media(max-width:760px){html{scroll-padding-bottom:calc(100px + env(safe-area-inset-bottom))}#next-question{scroll-margin-bottom:12px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

.theme-head>div{min-width:0}.theme-head h1{overflow-wrap:anywhere}
.study-entry{display:flex;gap:16px;align-items:center;padding:20px 0;margin-top:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--accent);text-decoration:none}.study-entry strong{display:block;font-size:22px}.study-entry p{margin:4px 0 0;font-size:16px;color:var(--muted)}.study-entry>.icon:last-child{margin-left:auto}@media(max-width:760px){.study-entry strong{font-size:20px}.study-entry p{font-size:14px}}

.host-back{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,#318ee7,#1874cd);color:#fff!important;text-decoration:none;font-weight:800;font-size:14px}.host-back:hover{filter:brightness(1.05)}.side-note .host-home{display:block;margin-top:12px;font-weight:800;color:var(--accent);text-decoration:none}