/* Reading scale: 18px desktop, 17px mobile; supporting copy 14px. */
@media screen{
body{font-size:18px;line-height:1.75}
.article-layout article p,.article-layout article li,.numbered li{font-size:18px;line-height:1.75}
.article-layout article .answer-box p{font-size:19px;line-height:1.75}
.article-hero>p,.hero-desc{font-size:18px;line-height:1.75;max-width:660px}
.section-heading>p,.intro-line>p,.guide-card p,.feature-band p,.quick p{font-size:17px;line-height:1.75}
.guide-card p{max-width:none}.section-heading>p{max-width:470px}
nav,.nav-cta,.button,.text-link,.hero-actions .text-link,.hero-tasks,.card-link,.quick-links a,.inline-link,.endnote,.buy-options span{font-size:15px}
nav{gap:24px}.hero-tasks{max-width:560px}.button{min-height:46px}.nav-cta{padding:10px 13px}
.article-layout aside{font-size:14px;gap:14px}.article-layout aside a{line-height:1.5}
.source,.resource-list a,.video-caption,.video-caption .inline-link,.permalink,.reset-check,.print-btn,.check-progress,.article-layout article .source-note,.article-layout article .diagram-foot,.rule-authority{font-size:14px!important;line-height:1.65}
.checklist label{font-size:17px;line-height:1.6}.checklist input{width:21px;height:21px}
.flow p{font-size:16px!important}.flow>div{padding:20px}.flow h3{font-size:28px}
.lesson-route a{font-size:16px;line-height:1.5;padding:18px 14px}.lesson-route b{font-size:30px}
.action-options span,.refill-steps span,.refill-steps b,.recipe>span,.recipe-result,.setup-map b,.setup-map span{font-size:14px;line-height:1.55}
.diagram-label,.diagram-label strong,.eyebrow,.article-layout aside .eyebrow,.section .eyebrow,.feature-band .eyebrow,.flow span,.card-top{font-size:12px;letter-spacing:1.2px}
.recipe-result{font-size:16px}.article-layout article h3{font-size:28px}.note strong{font-size:16px}
table{font-size:16px;line-height:1.6}th,td{padding:16px}.resource-list a{padding:18px 0}
details>div{font-size:18px;line-height:1.75}summary{font-size:28px}.search-box input{font-size:17px}.search-label,#result-count{font-size:14px}
.article-meta,.breadcrumb{font-size:12px;letter-spacing:.7px}.article-meta{line-height:1.8}.article-hero{padding-top:48px;padding-bottom:42px}
footer p,footer>a:last-child,.update-line,.fact-strip>a,.intro-line>a{font-size:13px}.fact-strip span{font-size:11px}.intro-line>span{font-size:12px}.announcement{font-size:10px}.hero-note,.hero-index,.art-label{font-size:10px}.video-load>span:last-child{font-size:15px}.video-load .eyebrow{font-size:12px}
}
@media screen and (max-width:1100px){header{gap:18px}nav{gap:18px}.nav-cta{display:none}.article-layout{gap:35px;grid-template-columns:200px minmax(0,1fr)}}
@media screen and (max-width:680px){
body{font-size:17px}.article-layout article p,.article-layout article li,.numbered li,details>div{font-size:17px;line-height:1.75}.article-layout article .answer-box p{font-size:18px}
.hero-desc,.article-hero>p,.section-heading>p,.intro-line>p,.guide-card p,.feature-band p,.quick p{font-size:17px}
header{padding:18px 6% 13px}nav{gap:10px;font-size:13px;flex-wrap:wrap;justify-content:space-between}nav a{padding:9px 0}
.hero-actions{flex-wrap:wrap;gap:12px 22px}.hero-actions .text-link,.hero-tasks{font-size:14px}.hero h1{font-size:68px}.hero .eyebrow{font-size:10px}.article-hero h1{font-size:42px}.article-hero{padding:32px 6%}
.article-layout aside a{font-size:14px;padding:9px 11px}.article-layout aside{gap:8px}.article-layout aside .eyebrow{font-size:11px}
.lesson-route{gap:8px}.lesson-route a{font-size:14px;padding:14px 10px}.lesson-route b{font-size:28px}.checklist label{font-size:16px}
.action-options,.refill-steps{gap:8px}.action-options strong{font-size:22px}.action-options span,.refill-steps span,.refill-steps b,.recipe>span{font-size:14px}.action-options a{padding:14px 4px}
.recipe{gap:5px;align-items:flex-start}.recipe>span{flex:1;min-width:0}.recipe>b{padding-top:22px}.recipe-result{font-size:15px}
.diagram-label,.diagram-label strong{font-size:11px;letter-spacing:.7px}.action-art,.refill-art,.goal-art{padding:17px 11px}
.setup-map b,.setup-map span{font-size:13px}.fact-strip strong{font-size:23px}.fact-strip span{font-size:9px;letter-spacing:.5px}.fact-strip>div{padding-left:8px}.fact-strip>a{font-size:13px}
.feature-band .eyebrow{font-size:11px}.card-top{font-size:11px}.card-symbol{top:40px}.quick-links a{font-size:16px}.update-line{font-size:12px}.article-meta,.breadcrumb{font-size:11px}
footer p{font-size:13px}footer>a:last-child{font-size:14px}.hero-note{font-size:9px;letter-spacing:.8px}.art-label{font-size:8px}.announcement{font-size:9px}.video-load strong{font-size:26px}
}
@media screen{.action-options .lesson-icon{margin:0 auto}.action-options a{justify-content:flex-start}}
@media screen and (max-width:680px){.flow>div{display:block}.flow h3{margin:9px 0 12px}.flow span{display:block}.flow p{margin:0}}
/* Reflow at tablet widths and when zoom reduces the CSS viewport. */
@media screen and (max-width:1000px){
.article-layout{display:block;max-width:850px;margin:auto;padding-left:6%;padding-right:6%}
.article-layout aside{position:static;display:flex;flex-flow:row wrap;gap:9px;margin-bottom:30px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.article-layout aside .eyebrow{width:100%;margin:0 0 7px}
.article-layout aside a{padding:9px 12px;background:var(--tint);color:var(--accent);font-size:14px}
.article-layout aside .print-btn{min-height:42px}
}
@media screen and (min-width:681px) and (max-width:850px){.flow{grid-template-columns:1fr}.flow>div{padding:22px}.flow h3{margin:10px 0}.flow p{margin:0}}
@media screen and (max-width:360px){
.action-options,.refill-steps{grid-template-columns:1fr}
.action-options a{display:grid;grid-template-columns:54px 1fr;text-align:left;column-gap:13px;align-items:center;padding:12px}
.action-options .lesson-icon{grid-row:1/3}.action-options span{grid-column:2}.action-options strong{font-size:24px}
.refill-steps>div{display:grid;grid-template-columns:54px 1fr;text-align:left;column-gap:13px;padding:10px 0}.refill-steps .lesson-icon{grid-row:1/3}.refill-steps span{grid-column:2}.refill-steps br{display:none}
}
@media screen{.table-hint{font-size:13px!important;color:#5e5549!important;margin:12px 0 7px!important}.table-scroll:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.table-scroll[tabindex="0"]{overscroll-behavior-x:contain}.table-scroll th:first-child,.table-scroll td:first-child{position:sticky;left:0;z-index:1}.table-scroll th:first-child{z-index:2}}
@media print{.table-hint{display:none!important}.table-scroll{overflow:visible}.table-scroll th:first-child,.table-scroll td:first-child{position:static}}