.reading-page{background:radial-gradient(ellipse at 100% 0,#c6ebdf 0,transparent 45%),#eff7fa;color:var(--ink)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.reading-header{max-width:1160px;margin:auto;padding:25px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.reading-header .wordmark{font-size:25px}
.reading-header>a:last-child{display:flex;min-height:44px;align-items:center;font-size:14px;text-decoration:underline;text-underline-offset:5px}
.reading-main{max-width:820px;margin:auto;padding:64px 32px 96px}
.reading-main h1{font-size:clamp(46px,7vw,78px);line-height:1.02;letter-spacing:-.025em;max-width:15ch;text-wrap:balance}
.reading-main h2{font-size:clamp(30px,4vw,42px);line-height:1.12;margin:46px 0 14px;letter-spacing:-.02em;text-wrap:balance}
.reading-main h3{font-family:var(--body);font-size:20px;line-height:1.4;margin:26px 0 10px}
.reading-main p,.reading-main li{font-size:17px;line-height:1.8;max-width:70ch}
.reading-main p{margin:18px 0}
.reading-main .reading-lead{font-size:21px;line-height:1.6;margin:26px 0 36px;color:#315b69}
.reading-main ul,.reading-main ol{padding-left:24px;margin:18px 0}
.reading-main li+li{margin-top:10px}
.reading-main a{color:#175c70;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.reading-main a:hover{text-decoration-thickness:2px}
.reading-main strong{font-weight:650}
.reading-main table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.6;margin:26px 0}
.reading-main th,.reading-main td{padding:15px 12px;text-align:left;border-bottom:1px solid #b8d2d8;vertical-align:top}
.reading-main th{background:#d8eae9;font-weight:650}
.reading-main .guide-list{list-style:none;padding:0;margin-top:38px}
.guide-list li{padding:26px 0;border-bottom:1px solid #b8d2d8;margin:0!important}
.guide-list a{display:block;font-family:var(--display);font-size:34px;line-height:1.15;color:var(--ink);text-decoration:none;max-width:24ch}
.guide-list a:hover{text-decoration:underline;text-underline-offset:5px}
.guide-list p{font-size:16px;margin:12px 0 0}
.reading-cta{margin-top:54px;padding-top:30px;border-top:1px solid #b8d2d8}
.reading-cta .button{display:inline-flex;color:var(--ink);text-decoration:none;background:linear-gradient(125deg,#d1ecf8,#b5e5d3);margin:8px 0 0}
.reading-cta small{display:block;font-size:13px;line-height:1.7;margin-top:14px}
.reading-footer{padding:28px 32px;max-width:1160px;margin:auto;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid #b8d2d8;font-size:13px}
.reading-footer nav{display:flex;gap:24px;flex-wrap:wrap}
.reading-footer a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.reading-footer>span{display:flex;align-items:center;min-height:44px}
@media(max-width:600px){.reading-header{padding:20px 24px}.reading-header .wordmark{font-size:23px}.reading-header>a:last-child{font-size:13px}.reading-main{padding:38px 24px 64px}.reading-main h1{font-size:48px}.reading-main .reading-lead{font-size:19px}.reading-main p,.reading-main li{font-size:16px}.reading-main th,.reading-main td{padding:12px 8px;font-size:13px}.reading-footer{padding:24px}}

/* Editorial navigation follows the existing pale reading surface. */
.reading-header nav{display:flex;align-items:center;gap:26px;font-size:14px}
.reading-header nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-bottom:28px;font-size:13px;line-height:1.5;color:#315b69}
.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px}
.reading-main .article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 9px;color:#315b69;font-size:13px;line-height:1.7;margin:22px 0 0}
.reading-main .editorial-note{font-size:15px;line-height:1.75;color:#315b69;padding:22px 0;border-block:1px solid #b8d2d8;margin:30px 0}
.article-toc{border-block:1px solid #b8d2d8;margin:32px 0;padding:4px 0}
.article-toc summary{padding:16px 0;font-size:16px;font-weight:650}
.article-toc ol{margin:0 0 18px;padding-left:24px}
.reading-main .article-toc li{font-size:15px;line-height:1.6;margin-top:4px}
.article-toc a{display:inline-block;padding:6px 0}
.reading-main h2[id],.guide-topic{scroll-margin-top:28px}
.topic-links{display:flex;flex-wrap:wrap;gap:6px 24px;padding:14px 0 26px;border-bottom:1px solid #b8d2d8}
.topic-links a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600}
.guide-topic{padding-top:18px}
.reading-main .guide-topic>h2{font-size:27px;margin-bottom:0;color:#315b69}
.reading-main .guide-topic .guide-list{margin-top:4px}
.guide-time{display:block;font-size:12px;color:#315b69;margin-top:12px}
.reading-main caption{font-size:14px;text-align:left;line-height:1.6;margin-bottom:12px;color:#315b69}
.reading-main th[scope="row"]{width:24%;background:transparent}
.worksheet{padding:8px 0 12px;border-block:1px solid #b8d2d8;margin:28px 0}
.worksheet p{margin:14px 0}
.related-guides{padding-top:16px;margin-top:44px;border-top:1px solid #b8d2d8}
.related-guides ul{list-style:none;padding:0}
.related-guides li+li{margin-top:0}
.related-guides li a{display:block;padding:16px 0;border-bottom:1px solid #b8d2d8;font-size:18px;line-height:1.5}
.all-guides-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
@media(max-width:600px){.reading-header{gap:14px}.reading-header nav{gap:18px;font-size:13px}.reading-main{padding-top:14px}.breadcrumbs{gap:5px 9px;margin-bottom:20px}.reading-main .article-meta{font-size:12px}.reading-main .editorial-note{font-size:14px}.reading-main .guide-topic>h2{font-size:26px}.guide-list a{font-size:32px}.reading-main caption{font-size:13px}}
@media(max-width:370px){.reading-header{padding-inline:20px}.reading-header .wordmark{font-size:21px;gap:7px}.reading-header nav{gap:14px;font-size:12px}.reading-header .brand-orb{width:24px;height:24px}.reading-main{padding-inline:20px}.reading-main h1{font-size:43px}}