/* ============================================================
   abouts.css — Trang Giới thiệu / Về chúng tôi
   Đồng bộ với hệ thống thiết kế "Thỏ Ngọc 2026" (xem custom.css).
   Nạp tự động cho module "abouts" qua GlobalLoad::addDefaultCSS().
   ============================================================ */

.ab-hero{
	background:linear-gradient(120deg, var(--jade-deep), var(--jade)) !important;
	padding:40px 20px 34px; color:#fff;
}
.ab-hero__title{font-family:"Be Vietnam Pro",Roboto,Helvetica,Arial,sans-serif; font-weight:600; font-size:clamp(22px,3.4vw,32px); margin:0 0 10px; color:#fff;}
.ab-crumbs{font-size:13.5px; color:rgba(255,255,255,.85);}
.ab-crumbs a{color:#fff; text-decoration:none; font-weight:600;}
.ab-crumbs a:hover{text-decoration:underline;}
.ab-hero .section-radius{display:none;}

.ab-layout{background:var(--paper) !important; padding-block:44px 64px;}
.ab-main.col-md-8{background:transparent;}
/* Khi trang không có "bài viết khác" liên quan, DSL không render cột phải
   nữa (tránh để lại 1 khối trắng rỗng bên phải) — bài viết chính khi đó
   chiếm trọn 12 cột; giới hạn lại chiều rộng đọc cho dễ nhìn, căn giữa. */
.ab-main--full{background:transparent; float:none;}
.ab-main--full .ab-article{max-width:820px; margin:0 auto;}

.ab-article{background:var(--card); border:1px solid var(--sand-line); border-radius:16px; padding:30px; box-shadow:var(--shadow);}
.ab-article__title{font-family:"Be Vietnam Pro",Roboto,Helvetica,Arial,sans-serif; font-weight:600; font-size:22px; color:var(--ink); margin:0 0 16px;}
.ab-article__content, .ab-article__body .entry-content{color:var(--ink-soft); font-size:15px; line-height:1.75;}
.ab-article__content img, .ab-article__body img{max-width:100%; border-radius:10px;}

.ab-sidebar{background:transparent;}
.ab-related{background:var(--card); border:1px solid var(--sand-line); border-radius:16px; padding:22px; box-shadow:var(--shadow);}
.ab-related .widget-title{font-family:"Be Vietnam Pro",Roboto,Helvetica,Arial,sans-serif; font-weight:600; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--jade); margin:0 0 16px;}
.ab-related__list ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px;}
.ab-related__thumb{width:64px; height:56px; border-radius:8px; overflow:hidden; flex-shrink:0;}
.ab-related__thumb img{width:100%; height:100%; object-fit:cover;}
.ab-related__list .entry{display:flex; gap:12px; align-items:center;}
.ab-related__list .entry-title{font-size:13px; font-weight:600; margin:0; line-height:1.4;}
.ab-related__list .entry-title a{color:var(--ink); text-decoration:none;}
.ab-related__list .entry-title a:hover{color:var(--jade);}

@media (max-width:860px){
	.ab-main.col-md-8, .ab-aside.col-md-4{width:100%; float:none;}
}