/* Article reading and recall extend the existing reader without a second UI system. */
.models-panel{margin:20px 0 27px;padding:22px 25px;background:var(--green-soft);border:1px solid var(--line);border-radius:5px}.models-panel>summary{font:600 17px/1.6 var(--sans);cursor:pointer;color:var(--green)}.models-panel>.fine-note{margin:14px 0}.sentence-model{padding:21px 0}.sentence-model+.sentence-model{border-top:1px solid var(--line)}.sentence-model h3{font:600 22px/1.6 var(--serif);white-space:pre-line;color:var(--green)}.model-label{font-size:11px;letter-spacing:.4px;color:var(--muted);margin:16px 0 6px}.model-English{font:500 20px/1.65 var(--serif);color:var(--ink)}.model-explanation{font-size:12px;line-height:1.9;color:var(--muted);margin:10px 0}.model-explanation>summary{cursor:pointer;color:var(--green)}.model-explanation p{margin-top:9px}.model-explanation ul{padding-left:20px;margin-top:9px}.collection-choices{grid-template-columns:repeat(3,minmax(0,1fr))}
.article-hero{padding:45px 0 36px}.article-hero h1{font:500 clamp(30px,4vw,48px)/1.4 var(--serif);margin:14px 0}.article-hero h1 em{color:var(--green);font-style:normal}.article-hero>p{max-width:850px;line-height:1.9;color:var(--muted);font-size:15px}.collection-choices{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.collection-choice{text-align:left;border:1px solid var(--line);border-radius:6px;padding:25px 28px;background:var(--white);display:flex;flex-direction:column;gap:12px;color:var(--ink)}.collection-choice.active{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:var(--green-soft)}.collection-choice strong{font:500 29px var(--serif)}.collection-choice>span:last-child{font-size:13px;line-height:1.8;color:var(--muted)}.essay-cover{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:19px;width:100%;height:100%;padding:35px 24px;background:linear-gradient(145deg,#edf0e5,#f6eddc);color:var(--green);text-align:left}.essay-cover>span{font-size:11px;letter-spacing:1px}.essay-cover strong{font:500 clamp(22px,2.1vw,30px)/1.2 var(--serif);max-width:100%;overflow-wrap:anywhere}.essay-cover small{font-size:12px;line-height:1.6;color:var(--muted)}.practice-card-progress{font-size:11px;color:var(--green);margin-top:9px}.external-reading{margin:38px 0 25px;padding:25px 29px;border-left:3px solid var(--green);background:var(--green-soft)}.external-reading h2{font:500 25px var(--serif);margin-bottom:10px}.external-reading p{font-size:13px;line-height:1.9;max-width:850px;color:var(--muted);margin-bottom:14px}.shelf-extras{padding:20px 0 30px;border-top:1px solid var(--line);font-size:13px;line-height:1.9;color:var(--muted)}.shelf-extras summary{cursor:pointer;color:var(--green)}.shelf-extras>p,.shelf-extras>details{margin-top:15px}.missing-words{max-height:240px;overflow:auto;font-size:12px;padding:14px;background:var(--white);line-height:2}.shelf-select{flex-wrap:wrap}.shelf-select select{max-width:220px}
.essay-reading{max-width:950px;margin:auto}.essay-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 20px}.essay-reading>.audio-player{border:1px solid var(--line);border-radius:5px;background:var(--white);margin-bottom:20px}.essay-task{font-size:13px;line-height:1.9;margin:20px 0;color:var(--muted)}.essay-task summary{cursor:pointer;color:var(--green);font-weight:600}.essay-task p{margin-top:12px}.essay-task ol{padding-left:22px;margin-top:10px}.essay-paper{background:var(--white);border:1px solid var(--line);border-radius:5px;padding:7px 38px 26px}.essay-paragraph{padding:21px 0}.essay-paragraph+.essay-paragraph{border-top:1px solid var(--line)}.essay-paragraph-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:var(--muted);font-size:11px}.essay-paragraph .english-text{font-size:23px;line-height:1.95;max-width:100%;white-space:normal}.essay-paragraph .word-token{font-size:inherit}.sentence-details{margin-top:15px;font:13px/1.9 var(--sans);color:var(--muted)}.sentence-details>summary{cursor:pointer;color:var(--green);font-size:12px}.sentence-study{margin-top:17px;padding:19px;background:var(--paper);border-left:3px solid var(--line);border-radius:2px}.sentence-study.is-playing{border-left-color:var(--green);background:var(--green-soft)}.sentence-English{font:500 20px/1.65 var(--serif);color:var(--ink)}.sentence-buttons{display:flex;flex-wrap:wrap;gap:16px;margin:8px 0 10px}.sentence-buttons button{font-size:12px}.sentence-translation{font-size:13px;margin:9px 0}.sentence-note,.sentence-transfer{font-size:12px;line-height:1.9;white-space:pre-line}.sentence-transfer{margin-top:8px}.sentence-note b,.sentence-transfer b{font-weight:600;color:var(--green)}.essay-listening{padding:50px 25px;text-align:center;background:var(--green-soft);border:1px solid var(--line);border-radius:5px}.essay-listening>.icon{width:42px;height:42px;margin-bottom:18px}.essay-listening h2{font:500 27px var(--serif);margin-bottom:15px}.essay-listening p{font-size:14px;color:var(--muted)}.audio-options-right{flex-wrap:wrap}.audio-options-right label{white-space:nowrap}.audio-options{gap:13px}
.practice-panel{margin-bottom:35px;padding-bottom:30px;border-bottom:1px solid var(--line)}.practice-panel h2{font:500 28px/1.4 var(--serif);margin:10px 0 12px}.practice-intro{font-size:13px;line-height:1.9;color:var(--muted)}.practice-summary{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}.practice-summary span{background:var(--green-soft);color:var(--green);padding:7px 10px;border-radius:3px;font-size:12px}.practice-starts{display:grid;gap:11px;margin:18px 0}.practice-starts>div{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.practice-starts strong{font-size:13px;width:36px}.practice-starts .small{font-size:12px}.recall-card{border:1px solid var(--line);background:var(--white);border-radius:5px;padding:25px;margin-top:20px}.recall-counter{font-size:11px;color:var(--green);letter-spacing:.3px;margin-bottom:12px}.recall-card h3{font:500 20px/1.6 var(--serif);white-space:pre-line;margin-bottom:16px}.recall-draft{resize:vertical;width:100%;padding:12px;border:1px solid var(--line);border-radius:3px;font:14px/1.7 var(--sans);color:var(--ink);background:var(--paper)}.recall-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:17px}.recall-actions .button{font-size:12px}.recall-answer{padding:17px 0}.recall-answer .answer-text{font:500 23px/1.6 var(--serif);white-space:pre-line;color:var(--green);margin:12px 0}.recall-answer blockquote{font:italic 18px/1.7 var(--serif);margin:14px 0;padding:12px 17px;background:var(--paper);border-left:3px solid var(--line)}.recall-answer>p:not(.answer-text){font-size:13px;line-height:1.8}.recall-answer .my-answer{white-space:pre-wrap;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:15px}.practice-finished{padding:22px;background:var(--green-soft);border-radius:4px;margin-top:20px}.practice-finished h3{font-size:18px;margin-bottom:10px}.practice-finished p{font-size:13px;line-height:1.8}.practice-panel>.fine-note{margin-top:16px}.recall-card button:disabled,.practice-starts button:disabled{opacity:.42;cursor:not-allowed}
@media(max-width:800px){.collection-choice{padding:22px}.collection-choice strong{font-size:25px}.essay-paper{padding:5px 27px 23px}.essay-paragraph .english-text{font-size:22px}.audio-options{align-items:flex-start;flex-direction:column}.shelf-select{gap:10px}}
@media(max-width:540px){.article-hero{padding:28px 0}.article-hero h1{font-size:32px}.article-hero h1 em{display:block}.article-hero>p{font-size:13px}.collection-choices{gap:12px;grid-template-columns:1fr}.collection-choice{padding:19px 20px;gap:9px}.collection-choice strong{font-size:25px}.collection-choice .eyebrow{font-size:9px}.collection-choice>span:last-child{font-size:12px}.shelf-select{width:100%}.shelf-select select{flex:1;min-width:0;max-width:none}.external-reading{padding:20px}.external-reading h2{font-size:23px}.essay-actions{gap:10px}.essay-actions .button{font-size:12px;padding:11px 13px}.essay-paper{padding:3px 18px 15px}.essay-paragraph .english-text{font-size:21px;line-height:1.9}.sentence-study{padding:14px}.sentence-English{font-size:19px}.essay-reading>.audio-player{padding:17px 15px}.audio-options-right{gap:9px}.practice-panel h2{font-size:25px}.practice-starts>div{gap:7px}.practice-starts .small{padding:9px 12px}.recall-card{padding:18px}.recall-card h3{font-size:19px}.practice-summary{gap:6px}.practice-summary span{font-size:11px}.recall-actions{gap:8px}.recall-actions .button{padding:11px 12px}.essay-listening h2{font-size:24px}}
.collection-choices{grid-template-columns:repeat(3,minmax(0,1fr))}
.recall-context{font:500 20px/1.8 var(--serif);margin:13px 0 18px;padding:13px 17px;background:var(--paper);border-left:3px solid var(--line)}
@media(max-width:700px){.collection-choices{grid-template-columns:1fr}.models-panel{padding:18px}.sentence-model h3{font-size:20px}.model-English{font-size:19px}}