/* Shared typography for the site's informational pages. */
.info-page { background: #fff; }
.info-content { width: min(100% - 48px, 1080px); margin: 0 auto; padding: 56px 0 72px; color: #334155; font-size: 16px; line-height: 1.8; overflow-wrap: anywhere; }
.info-content h1 { max-width: 100%; margin: 0 0 28px; font-size: clamp(30px, 4vw, 46px); line-height: 1.18; font-weight: 800; color: var(--brand); }
.info-content h2 { margin: 34px 0 14px; font-size: clamp(23px, 2.5vw, 29px); line-height: 1.3; color: var(--brand); font-weight: 750; }
.info-content h3 { margin: 26px 0 12px; font-size: 20px; line-height: 1.4; color: var(--brand); }
.info-content p { margin: 0 0 16px; }
.info-content ul, .info-content ol { margin: 0 0 20px; padding-left: 26px; }
.info-content li { margin: 6px 0; padding-left: 3px; }
.info-content a { color: #0d56d9; text-decoration: underline; text-underline-offset: 3px; }
.info-content a:focus-visible { outline: 2px solid #0d56d9; outline-offset: 3px; }
@media (max-width: 600px) { .info-content { width: calc(100% - 40px); padding: 32px 0 44px; } }

.info-content { max-width: 920px; }
.footer-info a[aria-current="page"] { color: #0b57d0; font-weight: 700; }