/* 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-table-wrap { overflow-x: auto; margin: 20px 0 26px; border: 1px solid #d9e2ef; border-radius: 12px; }
.info-table-wrap table { width: 100%; min-width: 0; }
.info-table-wrap th, .info-table-wrap td { padding: 14px 18px; line-height: 1.6; }
.info-table-wrap th:first-child { width: 30%; }

/* Account guides follow the homepage's heading and banner treatment. */
.account-page .info-content { width: min(100% - 48px, 1180px); }
.account-page .info-content h2 { font-size: clamp(24px, 3vw, 34px); line-height: 1.2; font-weight: 800; border: 0; padding-bottom: .2rem; }
.account-page .info-content h2::after { content: ""; display: block; width: 86px; height: 5px; margin-top: .8rem; border-radius: 999px; background: linear-gradient(90deg, #183059, #4aa3ff); }
.account-page .guide-banner,
.account-page .login-banner,
.account-page .signup-banner,
.account-page .app-banner,
.account-page .deposit-banner,
.account-page .review-banner,
.account-page .bonus-banner { width: 100%; max-width: 850px; margin: 2rem 0; }
.account-page .guide-banner-hero,
.account-page .login-banner-hero,
.account-page .signup-banner-hero,
.account-page .app-banner-hero,
.account-page .deposit-banner-hero,
.account-page .review-banner-hero,
.account-page .bonus-banner-hero { max-width: 100%; }
.account-page .info-content figure img { display: block; width: 100%; height: auto; border-radius: 22px; box-shadow: 0 18px 44px rgba(24,48,89,.13); }
@media (max-width: 600px) { .account-page .info-content { width: calc(100% - 32px); } }