/* Reading sizes for the commercial site; document mockups retain their scale. */
body{font-size:18px;line-height:1.75}
.wrap{max-width:1240px}
header nav{font-size:16px;gap:22px;line-height:1.5}
.button,.button.small,.textlink{font-size:16px;line-height:1.5}
.button,.button.small{min-height:48px}
.cn-theme-button{font-size:14px;min-height:44px}
.eyebrow{font-size:13px;letter-spacing:1.4px;line-height:1.65}
.lead{font-size:20px;line-height:1.75;max-width:560px}
.micro,.plan-note,.breadcrumbs,.price small{font-size:15px;line-height:1.7}
.steps p,.checklist,.notice p,.feature-list details p,.resource p,.timeline span{font-size:18px;line-height:1.75}
.annual-price{font-size:17px}
summary{font-size:19px;line-height:1.6;padding-right:12px}
details p,.guide-body p{font-size:18px;line-height:1.85}
.guide-body .notice p{font-size:17px}
.guide-toc{font-size:16px;line-height:1.7}
.guide-toc li:before{font-size:13px}
.page-hero figcaption,.guide-body figcaption{font-size:14px;line-height:1.6}
.jump-links a{font-size:15px;padding:10px 16px}
.resource h3,.resource h2{line-height:1.35}
.resource>div{padding:26px}
.ribbon>div{font-size:12px;line-height:1.6}
footer p,footer small{font-size:16px;line-height:1.75}
footer>div:nth-child(2){font-size:16px;gap:14px 22px;align-content:flex-start}
footer a{overflow-wrap:anywhere}
footer small{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}
.developer-credit{margin-left:auto}
footer .developer-credit a{font-weight:700}
@media(max-width:1120px){
 header.wrap{height:auto;min-height:110px;flex-wrap:wrap;padding-block:18px;gap:16px}
 header nav{display:flex;order:3;width:100%;flex-wrap:wrap;justify-content:flex-start;gap:12px 22px;border-top:1px solid var(--line);padding-top:12px;font-size:16px}
 .hero{gap:35px}
}
@media(max-width:650px){
 body{font-size:17px}
 .lead{font-size:19px}
 .button,.button.small,.textlink{font-size:16px}
 .steps p,.checklist,.notice p,.resource p,.feature-list details p,.timeline span,details p,.guide-body p{font-size:17px}
 .guide-toc ol{grid-template-columns:1fr}
 .guide-toc li{font-size:16px;line-height:1.65}
 .ribbon>div{font-size:11px}
 footer>div:nth-child(2){max-width:100%;gap:12px 20px}
 footer small{display:block}
 .developer-credit{display:block;margin:12px 0 0}
}