.detail-news {
    text-align: unset;
}
.detail-news p {
    margin-bottom: 5px;
}
.box-step .img {
    height: auto;
}

.box-step .img img {
    object-fit: contain;
}

/* PILLAR 2 FINAL MICRO-PATCH B — Desktop typography refinement (Page A id 1287, Page B id 232) — desktop only, does not affect mobile | Refined: stronger H1 weight (700) for dominance, H2 top rhythm spacing, card heading breathing room, +line-height for body — sizes unchanged, still desktop-only (min-width:992px) */
@media (min-width: 992px) {
  body.page-id-1287 .entry-header h1.entry-title,
  body.page-id-232 .col-lg-8 h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 18px;
  }
  body.page-id-1287 .entry-content h2,
  body.page-id-232 .col-lg-8 h2 {
    font-size: 23px;
    font-weight: 600;
    line-height: 1.3;
    margin-top: 2.5rem;
    margin-bottom: 18px;
  }
  body.page-id-1287 .entry-content .card h3,
  body.page-id-232 .col-lg-8 .card h3 {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 12px;
  }
  body.page-id-1287 .entry-content p,
  body.page-id-1287 .entry-content li,
  body.page-id-232 .col-lg-8 p,
  body.page-id-232 .col-lg-8 li {
    font-size: 17px;
    line-height: 1.75;
  }

  /* Page A (id 1287) layout-rhythm match with Page B: constrain full-bleed .entry-content to a centered container + reading-width column, matching Page B's .container/.col-lg-8 rhythm. No template/content changes. */
  body.page-id-1287 #primary {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
  body.page-id-1287 .entry-header,
  body.page-id-1287 .entry-content {
    max-width: 640px;
  }
}

/* Radio "Đăng ký tham gia khóa học đào tạo online" - hiển thị mỗi lựa chọn 1 dòng */
#wpcf7-f474-o1 .wpcf7-radio.form-send-info-contact {
    flex-direction: column;
}
/* Trang Liên hệ (page-id-258): đưa form "Liên hệ chúng tôi" lên trên phần bản đồ */
body.page-id-258 .wrapper {
    display: flex;
    flex-direction: column;
}
body.page-id-258 .wrapper > .box-lh {
    order: -1;
}
/* ================================================================
   TIMELINE FINAL PATCH
   Mobile only - dùng line-mobile.svg gốc của theme
   Desktop giữ nguyên
   ================================================================ */

@media (max-width: 767.98px) {

    /* Timeline */
    .plans {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        padding-top: 20px !important;
        margin-top: 30px !important;
        margin-bottom: 40px !important;
        flex-wrap: nowrap !important;
    }

    /* Mobile timeline SVG */
    .plans .line.line-mobile {
        display: block !important;
        position: absolute !important;
        top: 33px !important;
        left: clamp(5px, 8vw, 19px) !important;
        width: 18px !important;
        height: 90% !important;
        margin: 0 !important;
        transform: none !important;
        z-index: 1 !important;
        pointer-events: none !important;
    }

    .plans .line.line-mobile img {
        display: block !important;
        width: 18px !important;
        height: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        object-fit: fill !important;
    }

    /* Không dùng line tự dựng */
    .plans::before {
        display: none !important;
        content: none !important;
    }

    /* Tất cả plan về một cột */
    .plans .plan-box {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 0 32px !important;
        transform: none !important;
        text-align: left !important;
        z-index: 2 !important;
    }

    /* Reset toàn bộ offset desktop */
    .plans .plan-box[class*="plan-box-"] {
        margin-top: 0 !important;
        transform: none !important;
    }

    /* Date */
    .plans .plan-box .date {
        position: relative !important;
        width: 100% !important;
        height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        z-index: 3 !important;
    }

    .plans .plan-box .date img {
        display: block !important;
        width: auto !important;
        height: 46px !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    /* Ngày */
    .plans .plan-box .date span {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
        z-index: 4 !important;
    }

    /* Nội dung */
    .plans .plan-box .txt {
        width: calc(100% - clamp(60px, 17vw, 78px)) !important;
        max-width: none !important;
        margin: 10px 0 0 clamp(60px, 17vw, 78px) !important;
        padding: 0 !important;
        transform: none !important;
        text-align: left !important;
        line-height: 1.6 !important;
        z-index: 2 !important;
    }

    /* Mobile nhỏ */
    @media (max-width: 375px) {
        .plans .line.line-mobile {
            left: 22px !important;
        }

        .plans .plan-box .txt {
            width: calc(100% - 58px) !important;
            margin-left: 58px !important;
        }

        .plans .plan-box {
            padding-bottom: 28px !important;
        }
    }
}

/* Sửa lỗi ảnh đại diện bị crop sai (chỉ hiện một dải nhỏ của ảnh) trong danh sách bài viết Tin tức & Hoạt động / Cảnh báo rủi ro / Thông báo — do <img> không được ép đúng theo chiều cao khung .img nên bị overflow:hidden cắt lệch. Ép ảnh lấp đầy khung và crop-cover đúng tâm. */
.news-item .img img,
.news-inline .img img,
.news-full .img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 50% 50% !important;
}

/* Logo ngân hàng - nền đồng nhất cho mọi định dạng file */
.bank-item {
    background-color: #ffffff;
    border-radius: 4px;
}