/**
 * Benefits page (/benefits) — uses same shell as terms (bk-tos-page + bk-terms-page.css).
 * Content blocks scoped under .bk-benefits-page only.
 */

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

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

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

.bk-benefits-page .bk-benefits-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-benefits-page .bk-benefits-list {
    font-size: 0.9375rem !important;
    line-height: 1.65 !important;
    padding-left: 1.35rem !important;
    margin: 0 0 0.5rem !important;
    color: var(--bk-tos-text) !important;
}

.bk-benefits-page .bk-benefits-list li {
    margin-bottom: 0.5rem !important;
}

.bk-benefits-page .bk-benefits-list li:last-child {
    margin-bottom: 0 !important;
}

.bk-benefits-page .bk-benefits-highlight {
    font-size: 0.9375rem !important;
    line-height: 1.6 !important;
    color: var(--bk-tos-accent) !important;
    margin: 0 0 1.15rem !important;
}

.bk-benefits-page .bk-benefits-outro {
    margin-top: 1.75rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--bk-tos-border);
}

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

.bk-benefits-page .bk-benefits-outro p:last-child {
    margin-bottom: 0 !important;
}

.bk-benefits-page .bk-benefits-outro-lead {
    font-weight: 600 !important;
    color: var(--bk-tos-accent) !important;
}

.bk-benefits-page .bk-benefits-email a {
    color: var(--bk-tos-accent) !important;
    font-weight: 600;
    text-decoration: none !important;
}

.bk-benefits-page .bk-benefits-email a:hover {
    text-decoration: underline !important;
}

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

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