/**
 * About page (/about-us) — same shell as terms/benefits (bk-tos-page + bk-terms-page.css).
 * Content scoped under .bk-about-page only.
 */

.bk-about-page .bk-about-section {
    margin-bottom: 0;
    padding: 1.5rem 0;
    border-bottom: 1px solid var(--bk-tos-border);
}

.bk-about-page .bk-about-section:first-of-type {
    padding-top: 0.25rem;
}

.bk-about-page .bk-about-section:last-of-type {
    border-bottom: none;
    padding-bottom: 0.25rem;
}

.bk-about-page .bk-about-section-title {
    font-size: 1.125rem !important;
    font-weight: 700 !important;
    color: var(--bk-tos-text) !important;
    margin: 0 0 1rem !important;
    line-height: 1.35 !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(1, 44, 174, 0.35) !important;
    text-underline-offset: 0.2em;
}

.bk-about-page .bk-about-section-title--center {
    text-align: center !important;
}

.bk-about-page .bk-about-tagline {
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    font-style: italic !important;
    color: var(--bk-tos-accent) !important;
    text-align: center !important;
    margin: 0 0 0.5rem !important;
    line-height: 1.45 !important;
}

.bk-about-page .bk-about-prose {
    font-size: 0.9375rem !important;
    line-height: 1.65 !important;
    color: var(--bk-tos-text) !important;
    margin-bottom: 1rem !important;
}

.bk-about-page .bk-about-lede {
    font-weight: 500;
}

.bk-about-page .bk-about-emphasis {
    color: var(--bk-tos-text);
    border-bottom: 1px solid rgba(1, 44, 174, 0.25);
}

.bk-about-page .bk-about-logo {
    max-width: 220px;
    margin: 0 auto;
    display: inline-block;
}

.bk-about-page .bk-about-photo-wrap {
    margin-bottom: 0.5rem;
}

.bk-about-page .bk-about-photo {
    max-width: 280px;
    border-radius: 50%;
    border: 4px solid var(--bk-tos-accent);
    padding: 0.35rem;
    background: #fff;
}

@media screen and (max-width: 767px) {
    .bk-about-page .bk-about-section {
        padding: 1.15rem 0;
    }

    .bk-about-page .bk-about-section-title {
        font-size: 1.05rem !important;
    }

    .bk-about-page .bk-about-tagline {
        font-size: 0.95rem !important;
    }

    .bk-about-page .bk-about-photo {
        max-width: 220px;
    }
}