*{box-sizing:border-box}body{color-scheme:dark;margin:0;background:#071328;color:#d9b565;font:16px/1.65 system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #71839e;border-radius:8px;padding:10px 16px;background:#10203c;color:#d9b565}button:disabled{opacity:.65}button:hover{background:#1a3153}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d9b565;outline-offset:3px}.primary{background:#142744;color:#d9b565;border-color:#d9b565}.primary:hover{background:#1a3153}header{background:#071328;color:#d9b565;border-top:5px solid #d9b565}header>div,main{max-width:1120px;margin:auto;padding:26px 24px}.top{display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{color:#d9b565;font-size:13px;letter-spacing:.14em}h1{font-size:clamp(28px,5vw,42px);line-height:1.2;margin:14px 0}h2{line-height:1.3;font-size:27px}h3{font-size:20px;line-height:1.4}.muted{color:#e8c77f}.notice{background:#142744;border-left:4px solid #d9b565;padding:14px 18px;border-radius:4px;margin:0 0 20px}.tools{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin:24px 0}label{display:block}input[type=search],select{width:100%;border:1px solid #71839e;background:#10203c;border-radius:8px;padding:12px;color:#d9b565}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card,article,.quiz{background:#10203c;border:1px solid #334260;border-radius:12px;padding:24px}.card{display:flex;flex-direction:column;border-top:4px solid #d9b565}.card h3{margin:8px 0}.card button{align-self:flex-start;margin-top:auto}.badge{font-size:13px;font-weight:650;color:#e8c77f}.body{white-space:pre-line;overflow-wrap:anywhere}.reading-block{padding:12px 0;border-bottom:1px solid #334260}.practice{background:#0b1930;padding:18px;border-radius:8px}.quiz{margin-top:22px}fieldset{margin:20px 0;padding:18px;border:1px solid #71839e;border-radius:8px;min-width:0}legend{padding:0 8px;font-weight:650}fieldset label{display:flex;gap:10px;align-items:flex-start;margin:9px 0}input::placeholder{color:#e8c77f;opacity:1}input[type=radio]{accent-color:#d9b565;margin-top:8px;flex:none}#feedback{margin-top:20px}#feedback p{padding:12px;background:#0b1930;border-left:3px solid #d9b565}a{color:#e8c77f}summary{cursor:pointer;font-weight:650}details{margin-top:18px;background:#0b1930;padding:18px;border-radius:8px}footer{margin-top:28px;color:#e8c77f;font-size:13px}[hidden]{display:none!important}#back{margin-bottom:18px}#count{font-size:14px;margin-bottom:18px}#reading-title:focus{outline:none}button:disabled{cursor:default}@media(max-width:640px){header>div,main{padding:22px 16px}.cards,.tools{grid-template-columns:1fr}.card,article,.quiz{padding:20px}.top{align-items:flex-start}#language{white-space:nowrap;font-size:14px;padding:8px 10px}fieldset{padding:12px}}@media print{header,.tools,#back,#language,.quiz,footer{display:none}body{background:#fff}main{max-width:none;padding:0}article{border:none}details:not([open]){display:none}}
.site-back{color:#d9b565;font-size:14px}.presentation{background:#10203c;border:1px solid #334260;border-radius:12px;padding:24px;margin-bottom:24px}.presentation video{display:block;width:100%;max-width:850px;margin:auto;aspect-ratio:16/9;object-fit:contain;background:#071328;border-radius:8px}.presentation h2{margin-top:0;font-size:23px}.presentation summary{font-weight:600}.presentation .audio-note{font-size:14px;color:#e8c77f}@media(max-width:640px){.presentation{padding:16px}}@media print{.presentation{display:none}}
.reading-navigation{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:24px}#syllabus ol{padding-left:24px}#syllabus li p{margin:4px 0 16px}#access-status a{font-weight:650}

.lesson-video video{display:block;width:100%;max-width:850px;aspect-ratio:16/9;object-fit:contain;background:#071328;border-radius:8px}@media print{.lesson-video{display:none}}

@media print{body{color-scheme:light;background:#fff;color:#172a3d}article,.card,.quiz,.practice,details,.notice,fieldset{background:#fff;color:#172a3d;border-color:#667085}h1,h2,h3,p,.muted,.badge,a,.body{color:#172a3d}button,input,select{color:#172a3d;background:#fff}}
