/* Bright accents, calm reading surfaces, and stronger type hierarchy. */
:root{background:#fffaf0;color:#29243d;font-size:18px;line-height:1.8;--teal:#6338b5}
header{background:#6338b5;border-bottom:7px solid #ffd45b;padding:23px 4vw}
.brand{font-size:28px}.brand span{font-weight:650}
.layout{gap:30px;padding-top:32px}.intro{border-left:7px solid #f27397;padding-left:20px}
.eyebrow{color:#6338b5;font-weight:800}h1{font-size:38px;font-weight:800;letter-spacing:.01em}
.intro p{font-size:19px;font-weight:600;color:#4d4265}
button,select{font-weight:650;border-color:#c9bfdb;border-radius:10px;min-height:44px}
button:hover{background:#f2eaff;border-color:#6338b5}.primary{background:#6338b5}.primary:hover{background:#4c268f}
button:focus-visible,select:focus-visible,a:focus-visible,.english:focus-visible,summary:focus-visible{outline:3px solid #6338b5;outline-offset:4px}
.readerToolbar{background:#fff2bd;border:1px solid #e1c967;border-radius:16px;padding:22px}
.readerToolbar .muted{color:#574d31;font-size:17px}.readerToolbar #status{color:#554174;font-size:16px}
.batchNav{margin:24px 0}.batchNav>span{font-size:16px;color:#5e526f}
.cornellGrid{border:1px solid #d9cbe7;border-radius:16px;box-shadow:0 5px 0 #efe4fb}
.cornellHeading{background:transparent;color:#33233f;font-size:18px}
.cornellHeading>span:first-child{background:#ffdf87}.cornellHeading>span:last-child{background:#e4d4ff}
.cornellHeading>span{padding:17px 24px;font-weight:800}
.cue{background:#fff7de;border-color:#e6dcca;padding:24px}
.cue p{font-size:21px;font-weight:750;line-height:1.75;color:#393024}
.cue small{color:#6a5c42;font-size:14px}.cornellRow+.cornellRow{border-color:#e8dfe9}
.answerCell{padding:24px 28px;background:#fff;min-height:164px}
.answer .english{font-family:"Segoe UI",Arial,sans-serif;font-size:28px;line-height:1.65;font-weight:750;color:#372255}
.english:hover{color:#6338b5}.english mark{background:#ffe268;color:#33233f;padding:1px 3px}
.muted{color:#625672;font-size:15px}.phraseTools>summary{color:#625672;font-size:15px}
.readerActions button{font-size:15px}.readerNote{background:#fff7cf;color:#393024}
.revealAnswer{background:#f1e9ff;color:#4a2688;font-weight:750;border:2px dashed #9672ca}
.isTesting .answerCell{background:#faf7ff}
.cornellSummary{background:#e8f6ed;border:1px solid #b9d9c4;border-left:7px solid #308354;border-radius:14px;padding:26px;margin-top:30px}
#textReader .cornellSummary h2{font-size:24px;font-weight:800;color:#215c3c}.cornellSummary p{line-height:1.85}
.lifeExample{border:1px solid #e2c4d3;border-top:6px solid #ec779e;border-radius:12px;padding:22px}
.lifeExample>summary{font-size:20px;font-weight:800;color:#833257}
.exampleScene{font-size:17px;color:#655062}.exampleEnglish{background:#f4edff;border-left:5px solid #8859cd;font-family:"Segoe UI",Arial,sans-serif;font-size:27px;font-weight:750;color:#372255;line-height:1.65;padding:17px 20px;border-radius:8px}
.exampleChinese{font-size:21px;font-weight:700;color:#392841}
.exampleChunk{background:#fff1b5;border-radius:8px;padding:12px 16px;font-weight:750;color:#4e3e16}
.exampleSwap{border-left:4px solid #ec779e;padding-left:14px;color:#563245;font-weight:600}
.ownSentence>summary{font-size:17px;font-weight:650;color:#215c3c}
aside>h2{font-size:22px;color:#4a2688}nav h3{color:#6338b5;font-size:16px;font-weight:800}
nav a{font-size:16px;border-radius:8px;margin:3px 0;color:#534561}nav a:hover{background:#f0e5ff}
nav a.active{border-color:#8651c6;background:#eadcff;color:#422073;font-weight:800}
#sourcePanel>summary{background:#f4e9fd;color:#503268;border-radius:12px;font-size:18px}footer{color:#655c70;font-size:15px}
@media(max-width:850px){:root{font-size:17px}.layout{padding:20px 14px;gap:24px}h1{font-size:31px}.intro p{font-size:18px}button,select{font-size:16px;padding:9px 11px}.readerToolbar{padding:18px}.readerToolbar>button{margin-bottom:8px}.cue{padding:18px 20px}.cue p{font-size:20px}.answerCell{padding:20px;min-height:130px}.answer .english{font-size:25px}.cornellSummary{padding:20px}#textReader .cornellSummary h2{font-size:22px}.lifeExample{padding:17px}.exampleEnglish{font-size:24px;padding:14px}.exampleChinese{font-size:20px}.lifeExample>summary{font-size:19px}.batchNav{gap:8px}.batchNav>span{font-size:15px}}
@media print{:root{background:white;color:black;font-size:12pt}header{border:0}.cornellGrid{box-shadow:none}.cue,.answerCell,.cornellSummary,.lifeExample,.exampleEnglish{background:white;color:black}.answer .english,.exampleEnglish{font-size:16pt;color:black}.cue p,.exampleChinese{font-size:13pt}.cornellHeading>span{background:#eee;color:black}}