.reading-toolbar{margin:26px 0 18px;padding:22px;background:#fff;border:1px solid var(--line,#d6e0dc);border-radius:14px}
.reading-toolbar-title{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.reading-toolbar-title h2{margin:0;font-size:21px}.reading-toolbar-title span{color:#46645e;font-size:14px}.reading-toolbar p{color:#546b65;font-size:14px;line-height:1.7}
.reading-toolbar button[aria-pressed=true]{background:#224b43;color:#fff;border-color:#224b43}
#resultList>.result-row[hidden],#readingEmpty[hidden]{display:none}
#resultList>.result-row{scroll-margin-top:20px}
#resultList>.result-row>.result-detail{white-space:normal;padding-top:22px;line-height:1.8}
#resultList>.result-row>summary{padding:3px 0;line-height:1.6}
.reading-answers{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px;font-size:17px;font-weight:700}
.reading-answer-wrong{color:#a82e35;background:#fff0f0}.reading-answer-correct{color:#087066;background:#eaf6f2}.reading-answer-neutral{color:#64634a;background:#f5f2e8}
.reading-answers>span{padding:8px 14px;border-radius:8px}.reading-key{background:#eff6f3;border-left:4px solid #318376;border-radius:4px 10px 10px 4px;padding:15px 19px;margin:18px 0 24px}.reading-key>strong{font-size:13px;color:#47746a}.reading-key p{margin:5px 0 0;font-size:17px;font-weight:650;white-space:pre-line}
.reading-question{font-weight:650;font-size:18px;white-space:pre-line;margin:24px 0 18px}
.reading-choice{border:1px solid #dde5e2;border-radius:10px;padding:17px 19px;margin:12px 0;background:#fff}
.reading-choice[data-correct=true]{border-color:#54a499;background:#f5fbf8}.reading-choice[data-selected=true][data-correct=false]{border-color:#d89498;background:#fffafa}
.reading-choice-heading{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:14px}.reading-choice-heading>span{font-size:12px;border-radius:4px;padding:2px 7px;font-weight:650}
.reading-choice-text{font-size:16px;margin:10px 0;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere}.reading-choice-note{border-top:1px solid #dde5e2;margin-top:14px;padding-top:12px;display:flex;align-items:baseline;gap:12px}.reading-choice-note>strong{color:#586f69;font-size:12px;flex-shrink:0}.reading-choice-note p{margin:0;font-size:15px;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere}
.reading-choice-excluded{background:#f5f5f1;color:#70766d;font-size:14px}.reading-repeat,.reading-excluded{color:#81560a;background:#fcf6e9;padding:10px 15px;border-radius:8px;font-size:14px}
.reading-fallback{background:#f4f7f5;padding:18px;border-radius:10px;margin:18px 0}.reading-fallback p,.reading-full-text{white-space:pre-line;overflow-wrap:anywhere}
.result-row .reading-full{border-top:1px solid #dde5e2;border-bottom:1px solid #dde5e2;padding:12px 0;margin:20px 0}.result-row .reading-full>summary{display:list-item;list-style:disclosure-closed inside;color:#55726a;font-size:14px;cursor:pointer}.result-row .reading-full[open]>summary{list-style-type:disclosure-open}.reading-full>div{font-size:14px;color:#53635e;padding:8px 5px}.reading-currency{margin-top:22px;color:#677d75;font-size:12px;line-height:1.7}.reading-mistake{display:flex;align-items:center;gap:12px;font-size:14px}.reading-mistake select{flex:1;max-width:320px!important}
@media(max-width:560px){.reading-toolbar{padding:17px}.reading-toolbar .button-row{gap:8px}.reading-toolbar button{font-size:13px;padding:10px}.reading-answers{font-size:15px;gap:8px}.reading-answers>span{padding:7px 10px}.reading-choice{padding:14px}.reading-choice-text{font-size:16px}.reading-choice-note{display:block}.reading-choice-note p{margin-top:5px}.reading-key{padding:13px 15px}.reading-key p{font-size:16px}.reading-question{font-size:17px}.result-row>.result-detail{padding-top:16px!important}}

/* A single viewport-sized reader; only its content scrolls. */
#resultView.active.reading-active{position:fixed;inset:0;z-index:100;background:#f4f7f4;margin:0;padding:0;height:100vh;height:100dvh;width:100%;overflow:hidden}
#resultView.reading-active> :not(.reading-reader){display:none}
.reading-reader{height:100%;min-height:0;display:flex;flex-direction:column;width:min(100%,1600px);margin:0 auto}
.reading-reader[hidden]{display:none}
.reading-reader .reading-toolbar{flex-shrink:0;border-radius:0;border-width:0 0 1px;margin:0;padding:12px 24px;background:white}
.reading-reader .reading-toolbar-title{gap:14px}.reading-reader .reading-toolbar-title h2{font-size:18px}.reading-reader #readingCloseBtn{margin-left:auto}
.reading-reader .reading-controls{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:8px}
.reading-reader .button-row{margin:0;gap:7px}.reading-reader .reading-toolbar button{padding:7px 12px;min-height:36px;font-size:13px}
.reading-key-hint{font-size:12px;color:#637a72}.reading-reader #readingQuestionMeta{font-size:13px;line-height:1.4;margin:8px 0 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.reading-reader #resultList{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:14px 24px;scrollbar-gutter:stable}
.reading-reader #resultList>.result-row{margin:0;padding:18px 22px;border-radius:12px}
.reading-reader #resultList>.result-row>summary{display:none}
.reading-reader #resultList>.result-row>.result-detail{padding:0!important;line-height:1.6}
.reading-reader .reading-answers{margin:0 0 10px;font-size:15px}.reading-reader .reading-answers>span{padding:5px 10px}
.reading-reader .reading-key{margin:10px 0 14px;padding:9px 14px;display:flex;align-items:baseline;gap:12px}.reading-reader .reading-key>strong{flex-shrink:0}.reading-reader .reading-key p{margin:0;font-size:16px}
.reading-reader .reading-question{font-size:17px;line-height:1.55;margin:12px 0}
.reading-reader .reading-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.reading-reader .reading-choice{margin:0;padding:12px 15px;min-width:0}
.reading-reader .reading-choice-text{margin:7px 0;font-size:15px;line-height:1.6;white-space:normal}
.reading-reader .reading-choice-note{margin-top:9px;padding-top:8px;gap:9px}.reading-reader .reading-choice-note p{font-size:14px;line-height:1.6}
.reading-reader .reading-currency{font-size:11px;line-height:1.5;margin:12px 0 0}
.reading-reader .result-row:not(.reading-show-extras) .reading-full,.reading-reader .result-row:not(.reading-show-extras) .reading-mistake,.reading-reader .result-row:not(.reading-show-extras) .gongsi-notebook-result,.reading-reader .result-row:not(.reading-show-extras) [data-ink-result]{display:none}
.reading-navigation{display:flex;align-items:center;justify-content:center;gap:28px;flex-shrink:0;background:white;border-top:1px solid #d6e0dc;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
.reading-navigation button{min-width:126px;padding:10px 20px;min-height:44px}.reading-navigation strong{min-width:80px;text-align:center;font-variant-numeric:tabular-nums}.reading-navigation button:not(:disabled){border-color:#224b43;color:#224b43}.reading-navigation button:disabled{opacity:.4}
@media(max-width:899px){.reading-reader .reading-choices{grid-template-columns:1fr}.reading-reader .reading-key-hint{display:none}.reading-reader .reading-key{display:block}.reading-reader .reading-key p{margin-top:4px}.reading-reader #resultList{padding:10px 12px}.reading-reader #resultList>.result-row{padding:14px}.reading-reader .reading-toolbar{padding:10px 14px}.reading-reader .reading-controls{display:block}}
@media(max-width:560px){.reading-reader .reading-toolbar-title{gap:8px}.reading-reader .reading-toolbar-title h2{font-size:15px}.reading-reader .reading-toolbar-title span{font-size:11px}.reading-reader .reading-toolbar button{padding:6px 8px;font-size:12px}.reading-reader .reading-controls .button-row{display:flex;flex-wrap:wrap;gap:5px}.reading-reader .reading-choice-text{font-size:15px}.reading-reader .reading-choice-note p{font-size:14px}.reading-navigation{gap:14px;padding-top:8px}.reading-navigation button{min-width:90px;padding:8px 13px}.reading-navigation strong{min-width:65px}.reading-reader #readingQuestionMeta{font-size:12px}}
