/* Practical editorial pages and accessible reading layouts. */
.reading-main{max-width:900px;margin:36px auto;padding:0 22px 60px}.reading-main h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.12}.reading-main h2{font-size:1.5rem;margin-top:2rem}.reading-main h3{font-size:1.15rem}.reading-main p,.reading-main li{font-size:1rem;line-height:1.8}.reading-main a,.editorial-footer a{color:#493b9c;text-decoration:underline}.reading-main pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eef3ff;padding:20px;border-radius:12px;color:#18243a}.reading-main table{border-collapse:collapse;width:100%;font-size:.93rem}.reading-main th,.reading-main td{border:1px solid #cbd5e1;padding:10px;text-align:left;vertical-align:top;white-space:normal}.table-scroll{overflow-x:auto}.reading-main .guide-card{background:#f2f6ff;border:1px solid #d8e3f3;padding:20px;border-radius:14px;margin:18px 0}.reading-main .byline{color:#526077;font-size:.9rem}.editorial-footer{padding:24px;max-width:1100px;margin:24px auto;border-top:1px solid #d3ddeb;display:flex;flex-wrap:wrap;gap:12px;font-size:.9rem}.original-guide-links{padding:22px;border:1px solid #d8e3f3;border-radius:16px;background:#f3f6ff;margin:22px 0}.original-guide-links a{display:inline-block;margin:8px 18px 8px 0;text-decoration:underline}.reading-main label{display:block;margin:12px 0}.reading-main input,.reading-main select{font:inherit;max-width:100%;padding:9px;border:1px solid #a9b9ce;border-radius:6px}.reading-main button{padding:10px 18px;cursor:pointer}.reading-main output{display:block;padding:14px;background:#eef5ea;margin-top:16px}.reading-main :focus-visible,.editorial-footer :focus-visible{outline:3px solid #4769cf;outline-offset:3px}
/* Keep long-form text legible regardless of the site's global colour theme. */
.reading-main{background:#fff;color:#24334b;border:1px solid #d7e1ee;border-radius:18px;padding:28px clamp(18px,4vw,42px) 42px}.reading-main h1,.reading-main h2,.reading-main h3{color:#17253b}.reading-main p,.reading-main li,.reading-main th,.reading-main td,.reading-main label,.reading-main caption,.reading-main nav,.reading-main output{color:#24334b}.reading-main .byline{color:#526077}.reading-main th{background:#edf2fa}.reading-main td{background:#fff}.reading-main input{background:#fff;color:#17253b}.reading-main button{background:#493b9c;color:white;border:0;border-radius:8px}.editorial-footer{background:#f1f5fb;border-radius:12px;color:#24334b}@media(max-width:600px){.reading-main{margin:22px 12px}.reading-main table{min-width:420px}.editorial-footer{margin:20px 12px}}