:root{--paper:#f7f5ef;--white:#fffefa;--ink:#24352e;--muted:#66756c;--line:#d8ded6;--green:#244e3c;--green-dark:#183a2c;--green-pale:#e9f0e7;--gold:#ead5a4;--ochre:#886b28;--red:#9b403b;--radius:12px;--serif:"Noto Serif TC","Source Han Serif TC","Songti TC","PMingLiU",serif;--sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--sans)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button,summary,select,input[type=checkbox],input[type=radio]{cursor:pointer}button{line-height:1.5}button:disabled{cursor:not-allowed;opacity:.46}button,a,input,textarea,select,summary{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b0883b;outline-offset:4px}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:600}h1{font-family:var(--serif);line-height:1.35}h2{font-size:24px;line-height:1.5}h3{font-size:19px}h4{font-size:17px}ol,ul{padding-left:1.6em}li{padding-left:.25em;margin:.55em 0}blockquote{margin:0}small,.small{font-size:14px}svg{flex-shrink:0}.muted{color:var(--muted)}.eyebrow,.stage-label{font-size:13px;letter-spacing:.13em;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:16px;padding:12px;background:var(--green);color:white;z-index:20}.skip-link:focus{top:12px}.site-header{height:78px;border-bottom:1px solid var(--line);background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);gap:20px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:700;line-height:1.35}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:.15em;color:var(--muted);margin-top:4px}.site-header nav{display:flex;align-items:center;gap:24px;font-size:14px}.header-label{color:var(--muted);border-left:1px solid var(--line);padding-left:24px}.site-footer{margin:70px auto 0;max-width:1280px;padding:25px 28px 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted)}#main:focus{outline:none}.storage-warning{max-width:1200px;margin:15px auto;padding:16px;background:#fff0d7;color:#674a18}.button{border:1px solid var(--green);border-radius:8px;padding:13px 22px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:15px;font-weight:600;min-height:48px;background:transparent;transition:background .15s}.button.primary{background:var(--green);color:white}.button.primary:hover:not(:disabled){background:var(--green-dark)}.button.secondary{background:transparent;color:var(--green)}.button.text{border-color:transparent;font-weight:500;padding-left:10px;padding-right:10px}.button.text:hover{background:var(--green-pale)}.directory,.article-page{max-width:1200px;padding:36px 28px 10px;margin:auto}.hero{padding:48px 52px 45px;background:var(--green-dark);color:var(--paper);border-radius:4px;display:grid;grid-template-columns:1.4fr 1fr;gap:70px;margin:8px 0 48px}.hero .eyebrow{color:var(--gold);margin-bottom:20px}.hero h1{font-size:clamp(38px,4vw,54px);letter-spacing:.035em;margin-bottom:25px}.hero-copy{font-size:16px;line-height:1.9;color:#dde5db}.hero-note{border-left:1px solid #537563;padding:12px 0 0 40px;align-self:center}.note-label{font-size:12px;letter-spacing:.13em;color:var(--gold)}.hero-note ol{list-style:none;padding:0;margin:15px 0 16px;font-size:16px}.hero-note li{display:flex;align-items:center;gap:18px;padding:0;margin:11px 0}.hero-note li span{color:var(--gold);font-family:Georgia,serif;font-size:19px}.hero-note p{color:#cfddcf;font-size:13px}.directory-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:26px}.directory-heading span{font-size:13px;color:var(--muted)}.year-group{display:grid;grid-template-columns:150px 1fr;gap:32px;padding:25px 0;border-top:1px solid var(--line)}.year-heading h2{font:42px/1.2 Georgia,serif;letter-spacing:-.02em}.year-heading span{font-size:13px;color:var(--muted)}.article-row{display:flex;gap:22px;align-items:center;padding:22px 4px;border-bottom:1px solid var(--line);transition:background .15s}.article-row:last-child{border-bottom:none}.article-row:hover{background:var(--green-pale)}.article-index{font:18px Georgia,serif;color:#718476;align-self:flex-start;margin-top:3px}.article-info{flex:1;min-width:0}.article-info h3{font-family:var(--serif);font-size:23px;line-height:1.5}.article-info p{font-size:13px;color:var(--muted);margin-top:7px}.article-info p span{padding:0 9px}.article-info small{font-size:12px;display:block;color:var(--muted);margin-top:5px}.article-progress{font-size:12px;display:flex;align-items:center;gap:28px;white-space:nowrap}.arrow{font-size:24px;font-weight:300}.directory-end{font-size:14px;color:var(--muted);padding-top:28px}.breadcrumbs{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);margin-bottom:25px;flex-wrap:wrap;line-height:1.5}.breadcrumbs a:hover{text-decoration:underline}.article-intro{display:flex;gap:30px;justify-content:space-between;align-items:center;padding:27px 0 38px;border-bottom:1px solid var(--line)}.article-intro h1{font-size:36px;margin:12px 0 20px}.article-intro p:not(.eyebrow){color:var(--muted);font-size:14px}.article-intro .button{flex-shrink:0}.question-directory{margin-top:38px}.question-directory>h2{font-size:22px;margin-bottom:20px}.question-row{display:grid;grid-template-columns:38px 1fr 80px 24px;align-items:center;gap:24px;padding:24px 5px;border-top:1px solid var(--line)}.question-row:hover{background:var(--green-pale)}.question-number{font:16px Georgia,serif;color:var(--muted)}.question-row h3{font-size:17px}.question-row h3 small{font-size:13px;font-weight:400;color:var(--muted);margin-left:15px}.question-row p{font-size:14px;color:var(--muted);margin-top:6px}.status{font-size:12px;color:var(--muted);justify-self:end}.status.done{color:var(--green)}.article-full{border:1px solid var(--line);border-radius:var(--radius);margin-top:35px;background:var(--white)}.article-full>summary{padding:18px 25px;font-weight:600;list-style:none;display:flex;justify-content:space-between}.article-full>summary span{font-size:13px;color:var(--muted)}.article-full .passage-text{padding:25px 34px;max-width:850px;margin:auto}.lesson-page{max-width:1440px;margin:auto;padding:24px 28px}.lesson-page .breadcrumbs{margin-bottom:18px}.lesson-heading{display:flex;align-items:center;gap:22px;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:26px}.back-link{white-space:nowrap;font-size:13px;color:var(--muted)}.question-rail{display:flex;flex-wrap:wrap;gap:7px}.question-rail a{position:relative;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:14px var(--sans)}.question-rail a:hover{background:var(--green-pale)}.question-rail a[aria-current]{background:var(--green);color:white}.question-rail .done:not([aria-current]){color:var(--green);box-shadow:inset 0 0 0 1px var(--line)}.question-rail a span{position:absolute;bottom:0;right:0;font-size:16px}.lesson-count{font-size:12px;color:var(--muted);white-space:nowrap}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:34px;align-items:start}.reader-panel{position:sticky;top:104px;min-width:0}.reader{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.reader>summary{font-size:14px;padding:17px 23px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.reader>summary:after{content:'＋';font-size:20px;font-weight:400}.reader[open]>summary:after{content:'−'}.reader>summary small{font-size:12px;margin-left:auto;color:var(--muted)}.reader-content{max-height:calc(100dvh - 188px);overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#bbc9ba transparent}.passage-text{padding:22px 22px 36px}.paragraph{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;padding:10px 3px;border-radius:5px;scroll-margin-top:110px}.paragraph-number{color:#7b8b7f;font-size:12px;padding-top:6px;font-family:var(--sans);font-variant-numeric:tabular-nums}.paragraph p{font-family:var(--serif);font-size:17px;line-height:2;white-space:pre-line;letter-spacing:.02em}.paragraph.located{background:#f6e8c4;box-shadow:inset 3px 0 var(--ochre)}.coach-panel{min-width:0}.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:26px}.stepper button{background:transparent;border:0;border-bottom:2px solid var(--line);text-align:left;padding:0 4px 13px 10px;display:block;color:var(--muted)}.stepper span{font:14px Georgia,serif;display:block;margin-bottom:4px}.stepper b{font-size:12px;font-weight:500}.stepper button[aria-current]{color:var(--green);border-color:var(--green)}.stepper button[aria-current] b{font-weight:700}.question-text{padding-bottom:26px;border-bottom:1px solid var(--line)}.question-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.question-title h1{font-size:30px}.question-title>span{font-size:14px;color:var(--muted)}.question-prompt{font-size:17px;line-height:1.85}.question-quote{font-family:var(--serif);line-height:1.95;font-size:17px;border-left:3px solid #8a9d89;padding:12px 19px;margin-top:20px;background:#f0f1e9;white-space:pre-line}.table-scroll{overflow-x:auto;margin-top:20px}table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}th,td{padding:12px;border:1px solid var(--line);vertical-align:top}th{font-weight:500;background:var(--green-pale)}thead th{font-weight:600}td{min-width:80px}.learning-stage{padding-top:32px}.stage-label{color:var(--green);font-size:11px;letter-spacing:.1em;margin-bottom:12px}.learning-stage>h2{font-family:var(--serif);font-size:25px;margin-bottom:13px}.learning-stage>.muted{font-size:14px;line-height:1.8;margin-bottom:20px}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:24px 0}.type-choice{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:64px;background:var(--white);border:1px solid var(--line);border-radius:8px;text-align:left;padding:15px 18px;font-size:15px}.type-choice:hover{border-color:var(--green);background:var(--green-pale)}.type-choice.selected{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:var(--green-pale)}.type-choice>span{font-size:18px;color:var(--muted)}.type-feedback{padding:16px 20px;border-left:3px solid var(--ochre);background:#f3ead6;font-size:14px;margin-bottom:20px}.type-feedback strong{font-size:15px}.type-feedback p{margin-top:6px}.type-feedback.success{background:var(--green-pale);border-color:var(--green)}.help-details{border:1px solid var(--line);border-radius:8px;background:var(--white);margin:15px 0}.help-details>summary{padding:15px 17px;font-size:14px;font-weight:600;display:flex;list-style:none;align-items:center;gap:9px}.help-details>summary:before{content:'＋';font-size:18px;font-weight:400;color:var(--green)}.help-details[open]>summary:before{content:'−'}.help-details>summary span{margin-left:auto;font-size:11px;color:var(--muted);font-weight:400;white-space:nowrap}.help-details>p,.help-details>ol,.help-details>.locate{margin:10px 20px 20px;font-size:14px}.help-details>ol{padding-left:20px}.help-details>p.tip{background:var(--green-pale);padding:14px;border-radius:5px}.hint-level{margin:10px 17px;border-top:1px solid var(--line);font-size:14px}.hint-level>summary{padding:12px 2px;color:var(--green)}.hint-level>p{padding:3px 3px 14px;line-height:1.8}.locate{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.paragraph-link{background:transparent;border:1px solid var(--line);border-radius:5px;padding:6px 9px;color:var(--green);font-size:12px;min-height:35px}.paragraph-link:hover{background:var(--green-pale)}.answer-heading{display:flex;align-items:center;justify-content:space-between;margin:33px 0 20px}.answer-heading h3{font-size:19px}.save-status{font-size:11px;color:var(--muted)}.answer-field{margin:22px 0 28px;padding:0;border:0;min-width:0}.answer-field legend{font-size:15px;font-weight:600;margin-bottom:12px;padding:0;line-height:1.8}.answer-field legend span{font-size:12px;font-weight:400;color:var(--muted);padding-left:13px}textarea{display:block;width:100%;resize:vertical;border:1px solid #b7c5b7;border-radius:8px;background:var(--white);padding:16px 17px;line-height:1.9;font-size:15px;min-height:85px}textarea::placeholder{color:#7c8b7f}.field-note{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding-top:8px}.field-note span{margin-left:auto}.choice-list{display:flex;flex-direction:column;gap:9px}.answer-choice{display:flex;align-items:flex-start;gap:13px;padding:13px 15px;background:var(--white);border:1px solid var(--line);border-radius:8px;cursor:pointer;font-size:15px}.answer-choice:has(input:checked){background:var(--green-pale);border-color:var(--green)}input[type=radio],input[type=checkbox]{accent-color:var(--green);width:18px;height:18px;flex-shrink:0;margin-top:5px}.option-letter{font:16px Georgia,serif;padding-top:2px;color:var(--green)}.stage-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px;margin-bottom:14px}.learning-stage>.button{margin:14px 5px 7px 0}.grading-card,.review-card{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:22px 24px;margin:23px 0}.sample-heading{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:18px}.sample-heading h3{font-size:14px;white-space:nowrap}.sample-heading>span{font-size:12px;color:var(--muted)}.own-label{font-size:11px;background:var(--green-pale);color:var(--green);padding:3px 8px;border-radius:4px;font-weight:500}.grading-card blockquote,.review-card blockquote{font-size:15px;line-height:1.95;white-space:pre-line;overflow-wrap:anywhere}.grade-label{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-top:18px;margin-top:22px;font-size:13px}select{padding:9px 32px 9px 12px;border:1px solid #b7c5b7;border-radius:6px;background:var(--white);font-size:13px;min-height:40px}.context-note{background:#f2ead7;padding:14px 18px;border-radius:6px;font-size:13px;margin:16px 0;color:#5e542f}.result-banner{display:flex;align-items:center;gap:22px;background:var(--green-pale);padding:22px 26px;border-radius:8px;margin:22px 0 27px}.result-banner strong{font:30px Georgia,serif;color:var(--green);white-space:nowrap}.result-banner>span{font-size:14px;line-height:1.65}.result-banner small{font-size:11px;color:var(--muted)}.explanation-overview{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0 15px;margin:20px 0}.explanation-overview h3{font-size:17px}.explanation-overview ol{font-size:14px;line-height:1.85}.score-row{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:17px}.score-badge{border-radius:5px;padding:5px 9px;background:#f2ead9;color:#684e21;font-size:12px;white-space:nowrap}.score-badge.full{background:var(--green-pale);color:var(--green)}.score-badge.neutral{background:#ecefe9;color:var(--muted)}.analysis{background:#f5f6ef;margin:20px -10px 0;padding:15px 18px;border-radius:6px;font-size:14px;line-height:1.85}.analysis h4{font-size:14px;margin-bottom:8px}.analysis .comparison-note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px;margin-top:14px}.analysis .small{font-size:12px;margin-top:12px}.review-check{display:flex;gap:9px;font-size:12px;margin-top:17px;color:var(--muted);cursor:pointer}.review-check input{width:16px;height:16px;margin-top:3px}.rubric-details{border-bottom:1px solid var(--line);margin:22px 0;font-size:13px}.rubric-details>summary{font-size:14px;font-weight:600;padding:14px 0}.bands{list-style:none;padding:0}.bands li{display:flex;align-items:flex-start;gap:17px;border-bottom:1px solid var(--line);padding:12px 0;margin:0}.bands strong{white-space:nowrap;color:var(--green)}.self-check{margin:34px 0}.self-check h3{margin-bottom:17px}.self-check label{display:flex;gap:12px;font-size:13px;margin:18px 0;cursor:pointer}.self-check strong{display:block;font-size:14px;margin-bottom:3px}.transfer-note{margin:35px 0 23px;background:var(--green-dark);color:var(--paper);padding:27px 28px;border-radius:10px}.transfer-note .eyebrow{font-size:11px;color:var(--gold);margin-bottom:8px}.transfer-note h3{font-family:var(--serif);font-size:21px;margin-bottom:15px}.transfer-note ol{font-size:14px;color:#e1e9df}.transfer-note label{display:block;font-size:13px;margin:23px 0 10px}.transfer-note label span{font-size:11px;color:#c6d6c7;margin-left:10px}.transfer-note textarea{background:#fffefa;color:var(--ink);font-size:14px}.completion-message{color:var(--green);font-size:13px;margin:18px 0}.next-question{border-top:1px solid var(--line);padding-top:20px;margin-top:23px}.next-question .button{width:100%}.choice-summary{background:var(--white);border:1px solid var(--line);padding:18px;border-radius:8px;margin:20px 0;font-size:14px}.choice-summary strong{font-weight:500}.choice-summary span{display:block;margin-top:8px;color:var(--muted)}.choice-review{margin:28px 0}.choice-review>h3{font-size:15px;line-height:1.8}.choice-result{font-size:13px;margin:13px 0 22px;color:var(--muted)}.choice-result span{display:block;color:var(--green);font-weight:600;margin-top:5px}.option-analysis{border:1px solid var(--line);background:var(--white);padding:18px 20px;border-radius:8px;margin:14px 0}.option-analysis.correct{border-color:#839d7e;background:var(--green-pale)}.option-analysis>div{display:flex;gap:13px;align-items:baseline}.option-analysis b{font:16px Georgia,serif}.option-analysis h4{font-size:14px;font-weight:500;line-height:1.8;flex:1}.option-analysis>div>span{font-size:11px;white-space:nowrap;color:var(--muted)}.option-analysis p{font-size:13px;margin-top:12px;line-height:1.85}.empty-page{max-width:900px;margin:80px auto;padding:30px}.empty-page h1{margin-bottom:30px}
@media(min-width:1600px){.lesson-page{max-width:1500px}.lesson-layout{gap:55px}.paragraph p{font-size:18px}}
@media(max-width:1039px){.lesson-layout{grid-template-columns:1fr;gap:25px;max-width:760px;margin:auto}.reader-panel{position:static}.reader-content{max-height:60dvh}.reader>summary{padding:17px 23px}.lesson-heading{gap:12px}.lesson-count{display:none}.question-rail{gap:5px}.question-rail a{width:32px;height:32px}.hero{padding:38px 35px;gap:30px}.hero-note{padding-left:28px}.article-progress{gap:16px}.year-group{grid-template-columns:115px 1fr;gap:20px}.site-footer{margin-top:40px}}
@media(max-width:599px){body{font-size:15px}.site-header{height:68px;padding:0 20px;gap:12px}.brand{font-size:17px;gap:9px}.brand svg{width:28px;height:28px}.brand small{font-size:9px}.site-header nav{gap:0;font-size:12px}.header-label{display:none}.site-footer{display:block;padding:24px 20px;font-size:12px;margin-top:35px}.site-footer span{display:block;margin:5px 0}.directory,.article-page{padding:22px 20px 0}.hero{margin:0 0 33px;padding:31px 25px;display:block;border-radius:4px}.hero h1{font-size:36px;line-height:1.4;margin-bottom:20px}.hero .eyebrow{font-size:11px;margin-bottom:17px}.hero-copy{font-size:14px}.hero-note{border-left:0;border-top:1px solid #537563;padding:23px 0 0;margin-top:28px}.hero-note ol{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.hero-note li{font-size:12px;margin:3px 0;gap:10px}.hero-note li span{font-size:16px}.hero-note p{font-size:11px}.directory-heading{display:block;margin-bottom:22px}.directory-heading h2{font-size:21px}.directory-heading span{display:block;font-size:12px;margin-top:8px}.year-group{display:block;padding:22px 0 15px}.year-heading{display:flex;align-items:baseline;gap:16px;margin-bottom:12px}.year-heading h2{font-size:34px}.article-row{padding:18px 0;gap:12px;align-items:flex-start}.article-index{font-size:14px;padding-top:3px}.article-info h3{font-size:19px}.article-info p{font-size:12px}.article-info p span{padding:0 6px}.article-info small{font-size:11px}.article-progress{flex-direction:column;gap:6px;font-size:10px;padding-top:5px}.arrow{font-size:20px}.directory-end{font-size:12px}.breadcrumbs{font-size:11px;gap:6px;margin-bottom:18px}.article-intro{display:block;padding:15px 0 28px}.article-intro h1{font-size:28px;margin-bottom:15px}.article-intro p:not(.eyebrow){font-size:12px;line-height:1.9}.article-intro .button{margin-top:23px;width:100%}.question-directory{margin-top:28px}.question-row{grid-template-columns:23px minmax(0,1fr) 40px;gap:12px;padding:20px 0}.question-row>span:last-child{display:none}.question-row h3{font-size:15px}.question-row h3 small{font-size:11px}.question-row p{font-size:12px;line-height:1.8}.status{font-size:10px;white-space:nowrap}.question-number{font-size:13px}.article-full .passage-text{padding:14px 15px}.lesson-page{padding:20px 16px}.lesson-heading{display:block;padding-bottom:18px;margin-bottom:20px}.back-link{font-size:11px}.question-rail{gap:6px;margin-top:14px}.question-rail a{width:33px;height:33px;font-size:12px}.lesson-layout{gap:22px}.reader>summary{font-size:12px;padding:13px 16px}.reader>summary small{font-size:11px}.passage-text{padding:14px 14px 25px}.paragraph{grid-template-columns:29px minmax(0,1fr);gap:5px;padding:10px 2px}.paragraph p{font-size:16px;line-height:1.95}.paragraph-number{font-size:10px;padding-top:5px}.stepper{margin-bottom:23px}.stepper button{padding:0 4px 11px 5px}.stepper b{font-size:10px}.stepper span{font-size:12px}.question-title h1{font-size:27px}.question-title{margin-bottom:16px}.question-title>span{font-size:12px}.question-prompt{font-size:16px;line-height:1.85}.question-quote{font-size:16px;padding:11px 14px}.question-text{padding-bottom:23px}th,td{padding:8px;font-size:12px}.learning-stage{padding-top:25px}.learning-stage>h2{font-size:23px}.learning-stage>.muted{font-size:13px}.type-grid{gap:9px}.type-choice{font-size:13px;padding:13px 12px;min-height:60px}.type-feedback{font-size:13px;padding:14px 15px}.help-details>summary{font-size:12px;padding:14px 12px;gap:6px}.help-details>summary span{font-size:10px}.help-details>p,.help-details>ol,.help-details>.locate{font-size:13px;margin-left:16px;margin-right:16px}.hint-level{font-size:13px;margin-left:14px;margin-right:14px}.button{font-size:13px;padding:12px 16px;gap:15px;min-height:46px}.stage-actions{display:flex;flex-direction:column;gap:8px}.stage-actions .button{width:100%}.answer-field legend{font-size:13px}.answer-choice{font-size:13px;padding:12px;gap:11px}textarea{font-size:14px;padding:13px 14px}.grading-card,.review-card{padding:19px 18px;margin:20px 0}.sample-heading{gap:8px;margin-bottom:14px}.sample-heading h3{font-size:12px}.sample-heading>span{font-size:10px}.own-label{font-size:10px}.grading-card blockquote,.review-card blockquote{font-size:14px}.grade-label{font-size:12px}.score-row{font-size:11px}.score-badge{font-size:11px}.analysis{font-size:13px;padding:14px 15px;margin-left:-7px;margin-right:-7px}.result-banner{padding:18px 20px;gap:17px}.result-banner strong{font-size:27px}.result-banner>span{font-size:12px}.result-banner small{font-size:10px}.explanation-overview ol{font-size:13px}.transfer-note{padding:23px 22px}.transfer-note h3{font-size:19px}.transfer-note ol{font-size:13px}.transfer-note label{font-size:12px}.option-analysis{padding:16px 17px}.option-analysis h4{font-size:13px}.option-analysis p{font-size:12px}.rubric-details summary{font-size:13px}.bands{font-size:12px}.context-note{font-size:12px}.review-check{font-size:11px}}
@media(prefers-reduced-motion:reduce){html,.reader-content{scroll-behavior:auto}*{transition:none!important}}

/* Article reading and optional paragraph commentary. */
[hidden]{display:none!important}
.article-nav{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:32px}
.article-nav a{padding:18px 2px 15px;border-bottom:3px solid transparent;font-size:15px;font-weight:600;color:var(--muted)}
.article-nav a[aria-current]{border-color:var(--green);color:var(--green)}
.article-nav span{font-size:12px;font-weight:400;margin-left:8px}
.article-reading{max-width:850px;margin:auto}
.analysis-toolbar{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:22px 0 25px;border-bottom:1px solid var(--line)}
.analysis-toolbar h2{font-family:var(--serif);font-size:23px}
.analysis-toolbar p{font-size:13px;color:var(--muted);margin-top:8px}
.analysis-switch{display:flex;align-items:center;gap:10px;white-space:nowrap;border:1px solid var(--line);background:var(--white);border-radius:8px;padding:13px 16px;font-size:13px;cursor:pointer}
.analysis-switch input{margin:0}
.article-reading .passage-text{padding:14px 0 30px}
.article-reading .paragraph{padding:23px 0;border-bottom:1px solid var(--line);border-radius:0;column-gap:14px}
.article-reading .paragraph p{font-size:18px;line-height:2.1}
.analysis-slot{grid-column:2;min-width:0}
.analysis-slot:empty{display:none}
.paragraph-analysis{margin-top:12px;font-family:var(--sans)}
.paragraph-analysis>summary{display:flex;align-items:center;gap:9px;list-style:none;font-size:13px;color:var(--green);padding:10px 0;font-weight:600}
.paragraph-analysis>summary:before{content:'＋';font-size:18px;font-weight:400}
.paragraph-analysis[open]>summary:before{content:'−'}
.paragraph-analysis dl{background:var(--green-pale);border-left:3px solid #8a9d89;border-radius:0 8px 8px 0;padding:7px 22px 18px;margin:3px 0 0}
.paragraph-analysis dl>div{margin-top:15px}
.paragraph-analysis dt{font-size:12px;letter-spacing:.04em;color:var(--green);font-weight:700;margin-bottom:5px}
.paragraph-analysis dd{margin:0;font-size:14px;line-height:1.9}

/* The same two panels stay mounted when tabs or orientation change. */
.lesson-tabs{display:flex;position:sticky;top:78px;z-index:9;background:var(--paper);max-width:760px;margin:0 auto 24px;border-bottom:1px solid var(--line)}
.lesson-tabs button{flex:1;min-height:52px;padding:13px 12px;background:transparent;border:0;border-bottom:3px solid transparent;text-align:center;font-size:15px;font-weight:600;color:var(--muted)}
.lesson-tabs button[aria-selected=true]{color:var(--green);border-color:var(--green);background:var(--green-pale)}
.lesson-tabs button span{font-size:11px;font-weight:400;margin-left:9px}
.lesson-layout.is-tabs{display:block;max-width:760px;margin:auto}
.lesson-layout.is-tabs .reader-panel{position:static}
.lesson-layout.is-tabs .reader-content{max-height:calc(100dvh - 240px)}
.lesson-layout.is-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:34px;max-width:none}
.lesson-layout.is-split .reader-panel{position:sticky;top:104px}
.lesson-layout.is-split .reader-content{max-height:calc(100dvh - 200px)}
.reader-header{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;padding:17px 23px;border-bottom:1px solid var(--line);background:var(--white)}
.reader-header h2{font-size:14px;line-height:1.7;flex:1;min-width:0}
.reader-header>span{font-size:12px;color:var(--muted);white-space:nowrap}
.reader-header small{width:100%;font-size:11px;color:var(--green)}
.reader-header small:empty{display:none}
.type-choice{align-items:flex-start;min-height:125px;gap:12px}
.type-choice .type-copy{display:block;font-size:15px;color:var(--ink)}
.type-copy strong{display:block;font-size:15px;font-weight:600;line-height:1.6}
.type-copy small{display:block;font-size:12px;line-height:1.8;font-weight:400;color:var(--muted);margin-top:8px}
.type-choice .type-mark{font-size:18px;flex-shrink:0;margin-top:2px}
@media(min-width:1600px){.lesson-layout.is-split{gap:55px}}
@media(max-width:599px){
 .article-nav{gap:24px;margin-bottom:16px}.article-nav a{font-size:13px;padding-top:17px}.article-nav span{font-size:10px;margin-left:5px}
 .analysis-toolbar{display:block;padding:18px 0 23px}.analysis-toolbar h2{font-size:20px}.analysis-toolbar p{font-size:12px}
 .analysis-switch{margin-top:18px;padding:12px 14px;width:fit-content;max-width:100%;min-height:44px}
 .article-reading .paragraph{padding:19px 0;column-gap:8px}.article-reading .paragraph p{font-size:16px;line-height:2}
 .paragraph-analysis>summary{font-size:12px;line-height:1.7}.paragraph-analysis dl{padding:3px 15px 15px}.paragraph-analysis dd{font-size:13px}.paragraph-analysis dt{font-size:11px}
 .lesson-tabs{top:68px;margin-bottom:22px}.lesson-tabs button{font-size:13px;padding:12px 8px;min-height:48px}.lesson-tabs button span{font-size:10px;margin-left:6px}
 .reader-header{padding:14px 16px}.reader-header h2{font-size:12px}.reader-header>span{font-size:11px}.reader-header small{font-size:10px}
 .type-choice{min-height:155px;padding:13px 12px;gap:7px}.type-copy strong{font-size:13px}.type-copy small{font-size:11px;line-height:1.85}
}

.lesson-layout,.reader-content{overflow-anchor:none}.reader-content{overscroll-behavior:contain}
.reading-selector{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.reading-selector button{border:1px solid var(--line);border-radius:7px;background:var(--white);padding:10px 12px;font-size:12px;min-height:48px;text-align:left;overflow-wrap:anywhere}
.reading-selector button[aria-pressed=true]{background:var(--green-pale);border-color:var(--green);color:var(--green);font-weight:600}
.lesson-layout.is-split .reader-panel:has(.reading-selector) .reader-content{max-height:calc(100dvh - 280px)}
.lesson-layout.is-tabs .reader-panel:has(.reading-selector) .reader-content{max-height:calc(100dvh - 320px)}
body.studying{overflow-anchor:none}