:root{font-family:Arial,Helvetica,sans-serif;color:#133344;background:#f2f6f8;font-size:17px;line-height:1.6;--navy:#0d2838;--teal:#006e65;--mint:#69e3cd;--gold:#ffd276}*{box-sizing:border-box}body{margin:0}header{background:var(--navy);color:white;padding:20px max(5vw,20px);display:flex;justify-content:space-between;align-items:center;gap:20px}header a{color:white;text-decoration:none;display:flex;gap:12px;align-items:center;font-size:1rem;line-height:1.2;letter-spacing:.13em;font-weight:bold}header small{font-size:.72rem;letter-spacing:.19em;color:#a6c4d3}.mark{color:var(--mint);font-family:Georgia,serif;font-size:2.7rem;font-weight:normal}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #bacbd4;border-radius:10px;padding:12px 20px;background:white;color:var(--navy);font-weight:600;min-height:48px}button:hover{border-color:var(--teal);background:#eaf8f4}button:disabled{opacity:.55;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b87500;outline-offset:4px}.quiet{background:transparent;border-color:#567080;color:white}.quiet:hover{background:#254657;color:white}main{max-width:1100px;margin:38px auto 60px;padding:0 24px;min-height:60vh}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.8rem;font-weight:700;color:var(--teal);margin:0 0 10px}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-size:clamp(2.3rem,5vw,3.7rem);line-height:1.12;letter-spacing:-.035em;margin-bottom:18px}h2{font-family:Georgia,serif;font-size:2rem;line-height:1.22}h3{font-size:1.1rem}.intro{max-width:690px;font-size:1.12rem;color:#435d6b}.episodes{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}.episode{border:1px solid #ccdbe1;border-radius:20px;background:white;overflow:hidden}.episode-top{background:#12384a;color:white;padding:26px 28px;min-height:200px}.episode:nth-child(2) .episode-top{background:#204d49}.episode-top .eyebrow{color:var(--gold)}.episode-top h2{margin:10px 0}.episode-body{padding:26px 28px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tag{background:#edf4f6;border:1px solid #dce8ed;padding:4px 11px;border-radius:6px;font-size:.86rem}.primary{background:var(--teal);border-color:var(--teal);color:white}.primary:hover{background:#00564f;color:white}.wide{width:100%}.note{color:#506673;font-size:.9rem}.road{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.road span{padding:6px 12px;font-size:.85rem;border-radius:30px;background:#e3eaee;color:#49606d}.road .active{background:var(--navy);color:white}.panel{background:white;border:1px solid #d2dfe5;border-radius:18px;padding:clamp(22px,4vw,42px)}.split{display:grid;grid-template-columns:1fr 1fr;gap:35px}.scene{background:var(--navy);color:white;border-radius:14px;padding:28px;font-size:1.2rem;line-height:1.8;align-self:start}.scene .eyebrow{color:var(--gold)}.scene mark{background:var(--mint);color:var(--navy);padding:1px 5px;border-radius:4px}.word{font-size:clamp(2.5rem,7vw,4rem);font-family:Georgia,serif;line-height:1.1;margin:0 0 12px}.meaning{font-size:1.2rem;margin:20px 0}.example{border-left:4px solid var(--teal);padding:6px 0 6px 16px;margin:20px 0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px;align-items:center}.actions .primary{margin-left:auto}.options{display:grid;gap:12px;margin:24px 0}.option{text-align:left;font-weight:400;padding:17px 20px}.option.correct{background:#e1f6eb;border:2px solid #177454}.option.incorrect{background:#fff0e8;border:2px solid #b45c26}.feedback{padding:18px 20px;border-radius:10px;background:#eef4f8;margin:20px 0}.feedback.good{background:#e3f5ed}.feedback.try{background:#fff2dc}.counter{font-size:.9rem;color:#546d7a;margin-bottom:12px}.sentence{font-size:1.35rem;line-height:1.65}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}input[type=text],textarea{width:100%;border:1px solid #9aafbb;border-radius:9px;padding:14px;background:white;color:var(--navy)}textarea{min-height:140px;resize:vertical;margin:10px 0}.hint{margin-top:18px;background:#f2f7f8;padding:16px;border-radius:9px}summary{cursor:pointer;font-weight:bold}label{display:block;font-weight:600;margin-bottom:8px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:26px 0}.stat{padding:18px;background:#edf6f5;border-radius:12px}.stat strong{display:block;font-size:2rem}.answer{border-bottom:1px solid #d8e3e9;padding:18px 0;overflow-wrap:anywhere}.checklist label{font-weight:400}.checklist input{width:20px;height:20px;vertical-align:middle;margin-right:10px}footer{max-width:1100px;margin:0 auto;padding:24px;color:#546b79;font-size:.8rem;border-top:1px solid #d1dfe5}footer span{display:block;margin-top:6px}.topline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.pill{font-size:.85rem;background:#e4f3ef;border-radius:6px;padding:4px 10px}.printtitle{display:none}@media(max-width:720px){.episodes,.split{grid-template-columns:1fr}.episode-top{min-height:0}main{padding:0 16px;margin-top:26px}.stats{grid-template-columns:1fr}.stat strong{display:inline;margin-right:12px}.actions .primary{margin-left:0}.actions button{flex-grow:1}header{padding:14px 16px}header button{font-size:.8rem;padding:9px}.scene{font-size:1.1rem}.road span{font-size:.75rem;padding:5px 9px}}@media print{header,.actions,.road,footer,button,details{display:none!important}body{background:white;color:black}main{margin:0;padding:0;max-width:none}.panel{border:0;padding:0}.printtitle{display:block}.stats{grid-template-columns:repeat(3,1fr)}.answer{break-inside:avoid}}

.audio-settings{max-width:1100px;margin:12px auto 0;padding:0 24px;display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.audio-settings details{flex:1;min-width:220px}.audio-settings summary{cursor:pointer;font-weight:600}.audio-controls{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px}.audio-controls label{display:grid;gap:6px;flex:1;min-width:160px}.audio-controls select{font:inherit;padding:10px;border:1px solid #64748b;border-radius:8px;width:100%;max-width:100%;background:white;color:#0d2838}.audio-settings #audio-status{flex-basis:100%;font-size:.875rem}.audio-settings #audio-status:empty{display:none}@media print{.audio-settings{display:none}}

.language-settings{max-width:1100px;margin:24px auto 12px;padding:0 24px}.language-settings label{display:block;font-weight:700;margin-bottom:8px}.language-settings select{font:inherit;max-width:100%;width:340px;padding:12px;border:1px solid #64748b;border-radius:8px;background:white;color:#0d2838}.language-settings p{font-size:.9rem;margin:8px 0;color:#455565}.word-support{background:#e9f5f3;border-inline-start:4px solid #168071;padding:14px 18px;margin:16px 0;font-size:1.05rem;line-height:1.8;overflow-wrap:anywhere}.word-support[hidden]{display:none}.word-support p{margin:6px 0 0}.word-support[dir="rtl"]{text-align:right;font-size:1.15rem}@media print{.language-settings{display:none}}

.classroom{max-width:1100px;margin:16px auto;padding:0 24px}.join-panel,.class-session{padding:20px;background:#eff6ff;border:1px solid #b7cbdc;border-radius:12px}.join-panel summary{font-weight:700;cursor:pointer}.classroom form{display:flex;gap:16px;flex-wrap:wrap;align-items:end}.classroom label{display:grid;gap:8px}.classroom input{max-width:260px}.classroom p{font-size:.95rem}.classroom button{margin:8px 0}.classroom #save-status{display:block;margin:8px 0;font-weight:600}@media print{.classroom{display:none}}

/* English Attic shared classroom palette. */
:root{color:#343148;background:#faf8ff;--navy:#493866;--teal:#386f69;--mint:#b8e3db;--gold:#d9c6f1}header{background:#eae2f6;color:#493866;border-bottom:1px solid #d8cbe9}header a,header small{color:#493866}.mark{color:#386f69}.scene{background:#eee6f7;color:#343148}.scene .eyebrow{color:#66508c}.scene mark{background:#cdebe4;color:#304c48}.episode-top{background:#eee6f7;color:#343148}.episode-top .eyebrow{color:#66508c}.panel{border-color:#ddd6ed}.primary{background:#e5d9f3!important;color:#493866!important;border-color:#b6a1cd!important}.primary:hover{background:#dcd0ef!important}.road .active{background:#e5d9f3;color:#493866}.join-panel,.class-session{background:#eaf5f2;border-color:#b6d9d3}.feedback,.hint{background:#f0eafa}.stat{background:#eaf5f2}.pill{background:#e5f4f1}.audio-settings select,.language-settings select{border-color:#b8afc9;color:#493866}.language-settings p,footer{color:#625a73}
.live-response{border-top:1px solid #ddd6ed;padding:16px 0}.student-writing{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.review-guide{background:#f0eafa;padding:18px;margin:20px 0}.review-guide li{margin:12px 0}.review-guide summary{font-weight:700;cursor:pointer}#review-session{width:100%;max-width:560px}#live-summary{line-height:1.6}