:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#172033;background:#eef2f7;font-size:18px;line-height:1.55}*{box-sizing:border-box}body{margin:0}header{background:#111827;color:white;padding:1rem 2rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}header strong{display:block;letter-spacing:.08em}header span{color:#ccd4e4;font-size:.86rem}.track{height:6px;background:#d1d8e5}#progress{height:100%;background:#efbd48;width:0}main{max-width:1300px;margin:auto;display:grid;grid-template-columns:230px minmax(0,1fr);gap:2rem;padding:2rem}aside{padding:.4rem}aside nav{display:grid;gap:.65rem}aside nav span{padding:.65rem .8rem;border-left:4px solid #9ba8bf}aside nav span.done{border-color:#2b774e;background:#e0f0e7}aside nav span.current{border-color:#dca520;background:#fff1ca}.eyebrow{font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;font-weight:750;color:#4c586e;margin:0 0 .6rem}.note{font-size:.85rem;color:#4c586e;margin:1.4rem 0}label{display:block;font-weight:650;margin-top:.7rem}select{background:white;color:#172033;border:1px solid #9ba8bf;padding:.6rem;border-radius:5px;font:inherit;max-width:100%}aside select{width:100%}.workspace{background:white;border:1px solid #ccd4e0;padding:2rem;box-shadow:0 8px 30px #2234500a;border-radius:10px;min-width:0}h1{font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.15;margin:.35rem 0 1rem}h2{font-size:1.2rem}p{margin:.75rem 0}.visual{margin:1.4rem 0;overflow:hidden}.visual svg{width:100%;max-height:270px;display:block}.visual img{max-width:100%;max-height:330px;display:block;margin:auto}#reading{white-space:pre-line}button{font:inherit;padding:.65rem .9rem;border-radius:6px;border:1px solid #a8b4c7;cursor:pointer;background:white;color:#172033}button:focus-visible,select:focus-visible{outline:3px solid #3d71cf;outline-offset:3px}button:disabled{opacity:.48;cursor:not-allowed}.gold{background:#f3c65d;border-color:#d4a441;font-weight:700}.quiet{background:#f7f9fc}#restart{margin-top:1.4rem;font-size:.85rem}#audioControls{border-top:1px solid #d6dce6;margin-top:1.3rem;padding-top:1rem}#audioStatus{font-size:.85rem;font-weight:650}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1rem 0}.card{background:#f4f7fc;text-align:left;display:flex;flex-direction:column;gap:.5rem}.card .icon{font-size:1.8rem}.card.done{border-color:#2b774e;background:#e8f5ed}.card .detail{display:none;font-size:.85rem}.card.open .detail{display:block}.question{border-top:1px solid #d7deea;padding:1rem 0}.question h2{margin:.35rem 0}.choices{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.choice{text-align:left}.choice.selected{background:#dde8ff;border-color:#4367a0}.choice.correct{border-color:#347b50;background:#e3f4e9}.choice.wrong{border-color:#b64e3c;background:#fff0eb}.explain{font-size:.85rem;color:#3b4e64}.success{color:#23683f;font-weight:700}.error{color:#9b4029;font-weight:700}footer{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #d7deea;padding-top:1rem;margin-top:1.4rem}.matching{display:grid;gap:.7rem}.matchrow{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:.5rem}.completion select{width:100%}.tracker{position:absolute;width:1px;height:1px;border:0;left:-10000px}.completion button{margin-top:1rem}#feedback:empty{display:none}@media(max-width:760px){:root{font-size:16px}header{padding:1rem;align-items:flex-start}header span{font-size:.8rem}main{display:block;padding:1rem}aside{padding:0 0 1rem}aside nav{display:flex;flex-wrap:wrap;gap:.35rem}aside nav span{padding:.35rem;font-size:.85rem}.note{margin:.6rem 0}aside label,aside select{display:inline-block;width:auto;margin-right:.4rem}#restart{display:block;margin-top:.7rem}.workspace{padding:1rem}.cards{grid-template-columns:1fr}.choices{grid-template-columns:1fr}.matchrow{grid-template-columns:1fr}.visual svg{max-height:230px}}

.photo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.photo-gallery figure{margin:0}.photo-gallery img{width:100%;height:190px;object-fit:contain}.photo-gallery figcaption{font-size:16px;text-align:center}@media(max-width:650px){.photo-gallery{grid-template-columns:1fr}.photo-gallery img{height:260px}}

.visual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.visual figure{margin:0}.visual img{max-height:none;width:100%;height:250px;object-fit:contain;background:#f6f8fb}.visual figcaption{font-size:.8rem;margin-top:.4rem}.question-image{width:100%;max-height:330px;object-fit:contain}textarea{font:inherit;width:100%;padding:.75rem;border:1px solid #9ba8bf;border-radius:6px;resize:vertical}.rubric{font-size:.9rem}.selfcheck{font-size:.9rem;font-weight:400;display:flex;gap:.5rem;align-items:start}details{margin:.6rem 0;padding:.6rem;background:#f4f7fc}summary{cursor:pointer;font-weight:650}#tuesday{font-size:.85rem}input[type=checkbox]{width:1.1rem;height:1.1rem;flex-shrink:0}@media(max-width:650px){.visual{grid-template-columns:1fr}.visual img{height:auto;max-height:360px}}
.image-open{display:block;width:100%;padding:0;overflow:hidden;border:1px solid #d6dce6}.image-open:hover{outline:2px solid #dca520}.card strong{overflow-wrap:anywhere}
[hidden]{display:none!important}.image-toggle{width:100%;display:block;padding:0;min-height:250px;background:#f6f8fb;text-align:left;overflow:hidden}.image-toggle img{width:100%;height:250px;object-fit:contain}.image-toggle:hover,.image-toggle:focus-visible{border-color:#dca520}.image-detail{padding:1.2rem;min-height:250px;display:flex;flex-direction:column;gap:.8rem;justify-content:center}.image-detail strong{font-size:1.05rem}.image-tools{display:flex;gap:.4rem;flex-wrap:wrap;padding:.5rem 0}.image-tools button{font-size:.8rem}.textbook-image{grid-column:1/-1}.textbook-image .image-toggle img{height:520px}.outline-bank{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1rem 0}.outline-bank figure{margin:0;padding:.6rem;border:1px solid #d7deea;border-radius:6px}.outline-bank img{width:100%;height:170px;object-fit:contain}.outline-bank figcaption{text-align:center;font-weight:700}.question select{width:100%;white-space:normal}fieldset{margin:.8rem 0;padding:.8rem;border:1px solid #ccd4e0;border-radius:6px}legend{font-weight:650}dialog{width:min(1100px,95vw);max-height:94vh;border:1px solid #9ba8bf;border-radius:10px;padding:1rem}dialog::backdrop{background:#172033b0}dialog img{display:block;width:100%;height:auto}#closeImage{position:sticky;top:0;background:white}.source-panel{font-size:.8rem;margin-top:1.5rem}@media(max-width:650px){.textbook-image .image-toggle img{height:390px}.outline-bank{grid-template-columns:1fr}.outline-bank img{height:200px}}

.preview-banner{background:#fff1ca;border:1px solid #d4a441;padding:.8rem 1rem;border-radius:6px;font-size:.85rem;font-weight:650}

#reading{white-space:normal}#reading p{margin:0 0 1.35rem}#reading p:last-child{margin-bottom:0}.vocabulary-support{display:grid;grid-template-columns:140px minmax(0,1fr);gap:1rem;align-items:center;margin:.75rem 0}.vocabulary-picture{padding:0;overflow:hidden;width:140px;height:110px;background:#f2f6fc}.vocabulary-picture img{display:block;width:100%;height:100%;object-fit:contain}.vocabulary-support strong{font-size:1.2rem}.vocabulary-meaning{font-size:.9rem;margin:.35rem 0}.vocabulary-picture:hover{border-color:#dca520}@media(max-width:500px){.vocabulary-support{grid-template-columns:110px minmax(0,1fr);gap:.6rem}.vocabulary-picture{width:110px;height:100px}}

.vocabulary-picture img{object-fit:contain;background:#fff} header strong{font-size:1.35rem} header span{max-width:34rem}

.vocabulary-caption{font-size:.85rem;line-height:1.4;margin:.5rem 0}.vocabulary-credit{display:block;font-size:.8rem;margin:.4rem 0}.vocabulary-enlarge{font-size:.85rem;padding:.4rem .6rem;margin-top:.4rem}