.article-header{background:#173e4b;color:#fff;padding:24px 0}.article-header>.wrap{display:flex;align-items:center;justify-content:space-between;gap:28px}.article-header nav{display:flex;align-items:center;gap:26px;font-size:13px}.article-header nav a:hover{text-decoration:underline;text-underline-offset:5px}.article-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;padding-block:75px;align-items:center;border-bottom:1px solid var(--line)}.article-hero h1,.section>h1{font-size:clamp(34px,4.2vw,54px);letter-spacing:-1.6px;line-height:1.25}.article-hero>img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:5px}.article-intro{max-width:760px;font-size:18px;line-height:1.8;color:#49666b;margin:25px 0}.reading-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(240px,1fr);gap:85px;padding-block:65px 90px}.reading{font-size:16px;line-height:1.9}.reading h2{font-size:29px;letter-spacing:-.6px;margin:38px 0 18px;line-height:1.4}.reading h3{font-size:22px;margin:27px 0 14px}.reading a{color:#176764;text-decoration:underline;text-underline-offset:3px}.reading li{padding-left:5px;margin-block:12px}.reading pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:24px;background:#e5ede7;border-left:3px solid #68958d;font-size:13px;line-height:1.8;font-family:Inter,Arial,sans-serif;border-radius:4px}.reading .byline{font-size:11px;color:#657c7d;letter-spacing:.25px}.reading-aside{align-self:start;background:#e4ede6;border:1px solid #c9d9cf;padding:30px;position:sticky;top:25px}.reading-aside h2{font-size:27px;line-height:1.4;letter-spacing:-.6px}.reading-aside p:not(.eyebrow){font-size:13px;margin-block:20px}.reading-aside>a:not(.button){display:block;font-size:13px;margin-top:16px;text-decoration:underline;text-underline-offset:4px}.reading-aside .button{font-size:12px;padding-inline:17px}.reading-aside hr{border:0;border-top:1px solid #b6cdc1;margin-block:30px}.reading-aside h3{font-size:20px}.article-end{padding:60px 0;background:#173e4b;color:white;text-align:center}.article-end .eyebrow{color:#b5d8d0}.article-end h2{margin-bottom:26px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:45px}.guide-card{display:block;padding:32px;background:#f0f1e7;border:1px solid #d5dfd3;border-radius:5px;transition:background .15s}.guide-card:hover{background:#e4ede5}.guide-card h2,.guide-card h3{font-size:26px;letter-spacing:-.6px;line-height:1.4}.guide-card>p:not(.eyebrow){font-size:14px;color:#506b6b;margin:20px 0}.guide-card .text-link{margin-top:12px}.service-more{margin-top:20px}.industry-learn{margin-top:16px}.home-guides{margin-top:0}.home-guides .guide-card{background:#e6eee6}.section-heading>p>.text-link{margin-top:16px}@media(max-width:900px){.article-hero{gap:35px}.reading-layout{gap:35px;grid-template-columns:minmax(0,1fr) 250px}.reading-aside{padding:22px}.article-header nav{gap:16px}.article-intro{font-size:16px}}@media(max-width:720px){.article-header>.wrap{display:block}.article-header nav{margin-top:22px;gap:20px;flex-wrap:wrap;font-size:12px}.article-header .brand>span{font-size:17px}.article-hero{grid-template-columns:1fr;gap:27px;padding-block:45px}.article-hero>img{aspect-ratio:1.9}.article-hero h1,.section>h1{font-size:35px;letter-spacing:-1px}.reading-layout{grid-template-columns:1fr;padding-block:35px 55px;gap:40px}.reading{font-size:16px;line-height:1.85}.reading h2{font-size:26px}.reading-aside{position:static;padding:27px}.guide-grid{grid-template-columns:1fr;gap:20px;margin-top:30px}.guide-card{padding:25px}.guide-card h2,.guide-card h3{font-size:24px}.article-end h2{font-size:27px}.reading pre{padding:18px;font-size:12px}}

/* Match the shared readable type scale. */
.article-header nav,.reading-aside>a:not(.button),.reading-aside .button{font-size:var(--ui-size)}
.article-header>.wrap{flex-wrap:wrap}
.article-header nav{flex-wrap:wrap;gap:12px 20px}
.article-header nav>a{display:inline-flex;align-items:center;min-height:44px}
.article-intro,.reading,.reading-aside p:not(.eyebrow),.guide-card>p:not(.eyebrow){font-size:var(--copy-size);line-height:1.75}
.reading pre{font-size:var(--ui-size);line-height:1.7}
.reading .byline{font-size:var(--support-size);color:#52686b;line-height:1.6}
.reading-layout{grid-template-columns:minmax(0,760px) minmax(260px,1fr);gap:clamp(28px,5vw,85px)}
.reading-aside .button{gap:12px}
@media(max-width:960px){.reading-layout{grid-template-columns:1fr}.reading-aside{position:static}}
@media(max-width:720px){.article-header nav{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.article-header nav>a{justify-content:center}.article-header nav>.button{min-height:48px}.reading pre{padding:18px}}