.reading-check-summary { padding:16px 0 20px; margin-top:14px; border-top:1px solid var(--line); color:#626b74; }
.reading-check-summary h2 { margin:0 0 7px; font-size:15px; font-weight:650; letter-spacing:0; }
.reading-check-summary p { margin:6px 0; font-size:13px; line-height:1.6; color:#626b74; }
.reading-check-summary .check-band { font-size:14px; margin:6px 0; font-weight:550; }
.reading-check-summary .check-summary-actions { display:flex; flex-wrap:wrap; align-items:flex-start; column-gap:22px; margin-top:4px; }
.reading-check-summary .check-button { padding:8px 0; min-height:44px; border:0; border-radius:4px; background:transparent; font-size:13px; font-weight:600; }
.reading-check-summary .check-button:hover { text-decoration:underline; text-underline-offset:3px; }
.check-summary-about summary { cursor:pointer; padding:8px 0; min-height:44px; display:list-item; align-content:center; font-size:13px; }
.check-summary-about summary:focus-visible { outline:2px solid #439d9a; outline-offset:3px; }
.check-summary-about[open] { flex-basis:100%; }
.reading-check-summary #checkStartNotice:empty { display:none; }
.reading-check-screen { width:100%; max-width:700px; margin:0 auto; padding:24px 18px; text-align:left; color:#202229; }
.reading-check-screen h2 { font-size:clamp(25px,6vw,36px); line-height:1.2; margin:10px 0 18px; letter-spacing:-.6px; }
.check-eyebrow { color:#267d80; text-transform:uppercase; font-size:12px; font-weight:750; letter-spacing:1px; }
.check-note { color:#66717a; font-size:14px; line-height:1.65; }
.check-actions { display:flex; flex-wrap:wrap; gap:10px; margin:22px 0 10px; }
.check-button { border:1px solid #aaccc4; border-radius:16px; background:#fff; color:#25686c; padding:12px 17px; min-height:46px; font:inherit; font-size:14px; font-weight:650; cursor:pointer; }
.check-button.is-primary { background:#257f80; color:white; border-color:#257f80; }
.check-button:disabled { opacity:.45; cursor:default; }
.check-button:focus-visible,.check-word:focus-visible { outline:3px solid #eab763; outline-offset:3px; }
.check-confirm { display:flex; align-items:flex-start; gap:11px; margin:16px 0; line-height:1.6; font-size:15px; }
.check-confirm input { flex:none; width:20px; height:20px; margin-top:3px; accent-color:#247e80; }
.check-text { margin:22px 0; padding:22px 15px; background:#fffef9; border:1px solid #e6e7da; border-radius:20px; font-size:clamp(26px,6vw,38px); line-height:1.8; overflow-wrap:anywhere; }
.check-word { font:inherit; color:inherit; border:0; border-radius:8px; padding:0 3px; background:transparent; cursor:pointer; }
.check-word[data-mark="incorrect"],.check-word[data-mark="omitted"],.check-word[data-mark="supplied"] { background:#ffe7d5; text-decoration:underline dotted #b3642c; text-underline-offset:7px; }
.check-word[data-mark="self-corrected"] { background:#e0efdf; text-decoration:underline dotted #3c753d; text-underline-offset:7px; }
.check-mark-editor { padding:14px; background:#edf3ed; border-radius:16px; }
.check-mark-editor p { margin:0 0 10px; font-size:14px; }
.check-mark-options { display:flex; flex-wrap:wrap; gap:7px; }
.check-mark-options .check-button { padding:9px 12px; font-size:13px; }
.check-rubric { padding:14px 0; color:#59666e; font-size:14px; line-height:1.6; }
.check-rubric summary { cursor:pointer; min-height:40px; display:flex; align-items:center; color:#247e80; font-weight:650; }
.check-result-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:20px 0; }
.check-result-grid div { padding:16px; background:#edf3ed; border-radius:16px; }
.check-result-grid strong { display:block; font-size:25px; color:#247e80; }
.check-result-grid span { display:block; color:#626b74; font-size:13px; margin-top:7px; }
.check-history { font-size:13px; color:#626b74; line-height:1.7; }
.check-history li { margin:7px 0; }
@media(max-width:350px) { .reading-check-screen { padding:20px 10px; } .check-actions .check-button { flex:1 1 auto; } .check-text { padding:16px 8px; } }