/* Reading stays within the existing Polumi shell and colour palette. */
.product-ui .reading-answer input[type=radio]{width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;padding:0;flex:0 0 18px;margin:5px 0 0}.reading-answer span{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){.product-ui #product-bottom:not([hidden]){grid-template-columns:repeat(6,minmax(0,1fr))}.product-ui #product-bottom .nav span{max-width:100%;overflow-wrap:anywhere}}
.reading-library,.reading-reader{color:var(--ink,#252830);margin:0 auto;padding:clamp(18px,3vw,42px);max-width:1320px}
.reading-heading{max-width:800px;margin-bottom:24px}.reading-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#a63859;font-weight:750}.reading-heading h1{font-size:clamp(32px,4vw,46px);letter-spacing:-.04em;margin:10px 0 12px}.reading-heading p{font-size:18px;line-height:1.6;margin:0 0 10px}.reading-heading small,.reading-footnote,.reading-reader-footer p{color:#75717c;font-size:13px;line-height:1.6}.reading-filters{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 24px}.reading-filters button{border:1px solid #eadbe0;border-radius:24px;background:#fff;padding:10px 18px;color:inherit;min-height:42px}.reading-filters button[aria-pressed=true]{background:#aa254e;border-color:#aa254e;color:white}.reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.reading-card{overflow:hidden;border:1px solid #eadbe0;border-radius:22px;background:#fff}.reading-cover{position:relative;display:block;border:0;padding:0;background:#f5e9ed;width:100%;cursor:pointer}.reading-cover img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.reading-level{position:absolute;top:14px;left:14px;background:#fff;color:#8e2447;font-size:13px;font-weight:750;border-radius:10px;padding:7px 12px}.reading-card-copy{padding:22px}.reading-genre{font-size:12px;color:#89707c}.reading-card h2{font-size:23px;letter-spacing:-.025em;margin:8px 0 10px;line-height:1.25}.reading-meta{font-size:12px;line-height:1.6;color:#817580;display:flex;flex-wrap:wrap;gap:7px}.reading-open,.reading-back,.reading-next{border:0;background:none;color:#a2244b;padding:8px 0;font-weight:650;cursor:pointer}.reading-open{display:flex;justify-content:space-between;width:100%;border-top:1px solid #f0e4e8;margin-top:17px;padding-top:16px}.reading-footnote{margin-top:24px}.reading-reader{max-width:980px}.reading-back{margin-bottom:20px}.reading-story-heading h1{font-size:clamp(32px,5vw,52px);line-height:1.12;letter-spacing:-.035em;margin:12px 0 16px}.reading-story-heading .reading-meta{font-size:14px}.reading-hero{margin:24px 0 28px}.reading-hero img{display:block;width:100%;height:auto;max-height:460px;object-fit:cover;border-radius:20px}.reading-hero figcaption{color:#8c818b;font-size:11px;text-align:right;padding-top:7px}.reading-prose{max-width:720px;margin:0 auto;font-size:20px;line-height:1.85}.reading-prose p{margin:0 0 22px}.reading-glossary,.reading-quiz{max-width:760px;margin:34px auto 0;border:1px solid #e9dce2;border-radius:20px;background:#fff;padding:24px}.reading-glossary h2,.reading-quiz h2{font-size:23px;margin:0 0 16px;letter-spacing:-.02em}.reading-glossary dl{margin:0}.reading-glossary dl>div{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;padding:12px 0;border-top:1px solid #f1e8ed}.reading-glossary dt{font-weight:650}.reading-glossary dd{margin:0;color:#736b78;line-height:1.5}.reading-help{color:#79727e;font-size:14px;line-height:1.6}.reading-quiz fieldset{border:0;border-top:1px solid #eee2e7;padding:22px 0 10px;margin:25px 0 0;min-width:0}.reading-quiz legend{font-weight:650;font-size:18px;padding-right:12px;line-height:1.5}.reading-answer{display:flex;gap:12px;align-items:start;border:1px solid #eadfe4;border-radius:12px;padding:13px;margin:8px 0;line-height:1.55;cursor:pointer}.reading-answer input{margin:5px 0 0;accent-color:#ba2852;flex:0 0 auto}.reading-answer:has(input:checked){background:#fff1f5;border-color:#c83f65}.reading-answer.is-correct{border-color:#78ac94;background:#eff8f3}.reading-answer.is-wrong{border-color:#ca7c8b;background:#fff2f4}.reading-feedback:not(:empty){padding:12px 0;font-size:14px;line-height:1.6}.reading-feedback strong{color:#8e2447}.reading-feedback p{margin:6px 0}.reading-result{font-weight:650;color:#9f2349}.reading-quiz-actions{display:flex;gap:12px;flex-wrap:wrap}.reading-primary{background:#df123e;color:#fff;border:1px solid #df123e;border-radius:12px;padding:12px 20px;font-weight:700;min-height:46px}.reading-retry{background:#fff;color:inherit;border:1px solid #eadbe0;border-radius:12px;padding:12px 20px;min-height:46px}.reading-reader-footer{max-width:760px;margin:25px auto}.reading-library button:focus-visible,.reading-reader button:focus-visible,.reading-answer:focus-within{outline:3px solid #cd6685;outline-offset:3px}.reading-library h1:focus,.reading-reader h1:focus{outline:none}
@media(max-width:1050px){.reading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.reading-grid{grid-template-columns:1fr;gap:18px}.reading-library,.reading-reader{padding:20px 14px}.reading-heading p{font-size:16px}.reading-prose{font-size:18px;line-height:1.8}.reading-glossary,.reading-quiz{padding:18px}.reading-glossary dl>div{grid-template-columns:1fr;gap:4px}.reading-card-copy{padding:20px}.reading-hero img{border-radius:14px}.reading-filters{gap:6px}.reading-filters button{padding:9px 13px}}
[data-appearance=dark] .reading-library,[data-appearance=dark] .reading-reader{color:#eee5eb}[data-appearance=dark] .reading-card,[data-appearance=dark] .reading-glossary,[data-appearance=dark] .reading-quiz,[data-appearance=dark] .reading-filters button,[data-appearance=dark] .reading-retry{background:#29232c;color:#eee5eb;border-color:#55434e}[data-appearance=dark] .reading-filters button[aria-pressed=true]{background:#a72b51}[data-appearance=dark] .reading-answer:has(input:checked){background:#472c3b}[data-appearance=dark] .reading-answer.is-correct{background:#263d34}[data-appearance=dark] .reading-answer.is-wrong{background:#482a35}[data-appearance=dark] .reading-meta,[data-appearance=dark] .reading-help,[data-appearance=dark] .reading-heading small,[data-appearance=dark] .reading-footnote,[data-appearance=dark] .reading-reader-footer p,[data-appearance=dark] .reading-glossary dd{color:#c2b2bf}