.seo-shell{max-width:860px;margin:0 auto;padding:48px 28px 72px;font:16px/1.75 system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--text,#20242c)}
/* Underlined by default, not on hover. In dark mode the Dark Reader engine
   rewrites both the ink and the link colour and can land them on the same
   value, which would leave links indistinguishable from body text on the one
   view that has no JS to fix it. An underline does not depend on colour. */
.seo-shell a{color:var(--brand-bright,var(--brand,#0a4db3));text-decoration:underline;text-underline-offset:2px}
.seo-shell h1{font-size:1.75rem;line-height:1.35;margin:0 0 16px}
.seo-shell h2{font-size:1.125rem;margin:32px 0 10px}
.seo-shell p{margin:0 0 14px}
.seo-shell nav.seo-crumbs{font-size:.875rem;color:var(--muted,#687082);margin-bottom:18px}
.seo-shell nav.seo-crumbs a{color:inherit}
.seo-shell nav.seo-legal{margin-top:34px;padding-top:14px;border-top:1px solid var(--line,#e4e8ef);font-size:.8125rem;color:var(--muted,#687082);display:flex;flex-wrap:wrap;gap:14px}
.seo-shell ul{margin:0 0 14px;padding-left:1.1em}
.seo-shell li{margin:0 0 6px}
.seo-shell li span{color:var(--muted,#687082)}
.seo-shell .seo-note{color:var(--muted,#687082);font-size:.875rem;margin-top:32px}
/* Phones. Most of this site's traffic is mobile, and 48/28px of padding on a
   375px screen leaves a very narrow measure. Also caps the h1 so a long
   bilingual course title does not wrap into five lines above the fold. */
@media (max-width:640px){
.seo-shell{padding:28px 18px 48px;font-size:15px;line-height:1.7}
.seo-shell h1{font-size:1.375rem}
.seo-shell h2{font-size:1.0625rem;margin:26px 0 8px}
}