html,
body {
    overflow-x: hidden;
}

/* =========================================================
   Recruitment Page
========================================================= */

.recruitment-page {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

    /* 页面说明文字宽度 */
    .recruitment-page .section-lead {
        max-width: 860px;
        font-size: 1.05rem;
        line-height: 1.9;
    }

    /* Hero 区域正文 */
    .recruitment-page .lead {
        line-height: 1.85;
    }

    /* badge 文字保持统一 */
    .recruitment-page .badge {
        letter-spacing: 0;
    }

    /* 页面卡片文字统一 */
    .recruitment-page .card p {
        line-height: 1.85;
    }

    .recruitment-page .card h3 {
        line-height: 1.35;
    }

    /* 职位列表可读性 */
    .recruitment-page ul li {
        line-height: 1.75;
    }

/* =========================================================
   Job Summary
========================================================= */

.job-summary dt {
    font-weight: 700;
    color: #111827;
    margin-bottom: 0.85rem;
}

.job-summary dd {
    color: #6c757d;
    margin-bottom: 0.85rem;
    line-height: 1.75;
}

    .job-summary dt:last-of-type,
    .job-summary dd:last-of-type {
        margin-bottom: 0;
    }

/* =========================================================
   CTA
========================================================= */

.recruitment-page .recruitment-cta-card p {
    color: #6c757d;
}

/* =========================================================
   Open Positions Card Header
   icon 和标题并排显示
========================================================= */

.recruitment-page .card-body > .icon-badge.mb-3 {
    display: inline-flex;
    vertical-align: middle;
    margin-right: 1rem;
    margin-bottom: 1rem !important;
}

    .recruitment-page .card-body > .icon-badge.mb-3 + h3 {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 76px);
        margin-bottom: 1rem !important;
    }

/* =========================================================
   Application Flow Card Header
   数字圆点和标题并排显示
========================================================= */

.recruitment-page .card.text-center .card-body > .timeline-no.mx-auto.mb-3 {
    display: inline-flex;
    vertical-align: middle;
    margin: 0 0.85rem 0 0 !important;
}

    .recruitment-page .card.text-center .card-body > .timeline-no.mx-auto.mb-3 + h3 {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0 !important;
    }

        .recruitment-page .card.text-center .card-body > .timeline-no.mx-auto.mb-3 + h3 + p {
            margin-top: 1rem;
        }

/* =========================================================
   Responsive
========================================================= */

@media (max-width: 991.98px) {
    .recruitment-page .section-lead {
        max-width: 100%;
        font-size: 1rem;
    }
}

@media (max-width: 767.98px) {
    .recruitment-page .display-4 {
        font-size: 2.15rem;
    }

    .recruitment-page .card h3 {
        font-size: 1.15rem;
    }

    .job-summary dt {
        margin-bottom: 0.25rem;
    }

    .job-summary dd {
        margin-bottom: 1rem;
    }
}