/* HiTD p2 · CSS riêng nhóm trang Dịch vụ (dich-vu.html, dv-*.html)
   Nạp sau ../style.css. Chỉ viết ở đây phần chỉ nhóm này dùng; phần dùng chung sửa ở style.css. */

/* FB-110, FB-111: dich-vu.html #he-sinh-thai theo bố cục p1 (2 cột), thẻ nhỏ lại: ảnh bên trái, chữ bên phải, chiều cao theo chữ */
.eco-grid--2{gap:var(--s3)}
.eco-grid--2 .pcard{flex-direction:row}
.eco-grid--2 .pcard .photo{flex:none;width:38%;aspect-ratio:auto;min-height:100%;border-bottom:0;border-right:1px solid var(--line)}
.eco-grid--2 .pcard .photo img{position:absolute;inset:0}
.eco-grid--2 .pcard__body{width:62%;gap:8px;padding:20px 24px}
.eco-grid--2 .pcard h3{font-size:19px}
@media (max-width:960px){
  .eco-grid--2 .pcard{flex-direction:column}
  .eco-grid--2 .pcard .photo{width:100%;aspect-ratio:21/9;min-height:0;border-right:0;border-bottom:1px solid var(--line)}
  .eco-grid--2 .pcard__body{width:100%}
}

/* FB-113: khối «Tổng quan dịch vụ» (và các khối giới thiệu cùng mẫu): ảnh cao bằng khối chữ, chữ căn giữa theo chiều dọc */
.sec--intro .split{align-items:stretch}
.sec--intro .split__text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.sec--intro .split__text .sec__title{margin:8px 0 20px}
.sec--intro .split__text .label{display:block}
/* Dịch vụ dòng 5: đoạn giới thiệu cùng cỡ chữ thường với phần chi tiết bên dưới (style.css:928 còn 18px) */
.sec--intro .split__text p{font-size:var(--fs-body,15px);line-height:1.7;color:var(--text-body)}
.sec--intro .split .photo{aspect-ratio:auto;height:auto;min-height:280px}
.sec--intro .split .photo img{position:absolute;inset:0}
@media (max-width:960px){.sec--intro .split .photo{aspect-ratio:16/10;min-height:0}}

/* FB-88: mô tả thẻ «Các giải pháp liên quan» tối đa 3 dòng */
#lien-quan .pcard p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* FB-114: chữ nội dung chi tiết của trang dv-* cùng cỡ và màu: --fs-body (style.css) / 1.7, màu --text-body; nhãn đậm màu trắng */
.sec__body .tick p,.sec__body .fcard p,.sec__body .prose p,.sec__body .list-tick>li{font-size:var(--fs-body,15px);line-height:1.7;color:var(--text-body)}
.sec__body .tick b,.sec__body .fcard h3,.sec__body .list-tick>li>b{color:var(--fg-strong);font-weight:700}
/* Dịch vụ dòng 4: khung callout và câu kết về cỡ chữ thường */
.sec__body .callout,.sec__body .list-tick__conclusion{font-size:var(--fs-body,15px);line-height:1.7;color:var(--text-body)}