/* Mẫu bài viết (inc/article.php): ảnh đầu bài, mục lục bám, tác giả, Điểm chính, thẻ nhóm, phản hồi */
.smt-ahero{margin:0 0 var(--smt-space-5);border-radius:var(--smt-radius-photo);overflow:hidden;background:var(--smt-navy-soft);aspect-ratio:16/9}
.smt-ahero .smt-photo{display:block;width:100%;height:100%;object-fit:cover}
.smt-ahero__illu{display:grid;place-items:center;height:100%}
.smt-ahero__illu .smt-illu{width:min(60%,320px);height:auto}
@media (min-width:768px){.smt-ahero{aspect-ratio:21/8}}

.smt-post{display:grid;gap:var(--smt-space-5);padding-bottom:var(--smt-space-6)}
.smt-post > *{min-width:0}
.smt-post__aside{display:none}
.smt-post__main h1{margin-top:0}
@media (min-width:981px){
	.smt-post{grid-template-columns:240px minmax(0,1fr);gap:var(--smt-space-7)}
	.smt-post__aside{display:block}
	.smt-post__stick{position:sticky;top:calc(var(--smt-hdr-h) + var(--smt-space-4));display:grid;gap:var(--smt-space-4)}
	.smt-mtoc{display:none}
}
.smt-post .smt-prose h2,.smt-post .smt-article__more h2,.smt-post__more h2{font-size:var(--smt-fs-lg);margin-block-end:var(--smt-space-4)}   /* tiêu đề mục trong bài nhỏ lại: 26px làm bài trông thưa */
.smt-post__more .smt-sec__head h2{margin:0}
.smt-post__main [id]{scroll-margin-top:calc(var(--smt-hdr-h) + var(--smt-secnav-h) + var(--smt-space-4))}
@media (min-width:981px){.smt-post__main [id]{scroll-margin-top:calc(var(--smt-hdr-h) + var(--smt-space-4))}}

/* Thanh mục lục dính trên điện thoại: 1 dòng = mục đang đọc, bấm mở danh sách. Tụt lên theo header khi header ẩn lúc cuộn xuống. */
.smt-mtoc{position:sticky;top:var(--smt-hdr-h);z-index:40;margin:0 calc(var(--smt-gutter) * -1) var(--smt-space-3);padding-inline:var(--smt-gutter);background:var(--smt-surface);border-bottom:1px solid var(--smt-divider);transition:top var(--smt-dur) var(--smt-ease)}
body:has(.smt-hdr.is-hidden) .smt-mtoc{top:0}
.smt-mtoc__toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--smt-space-3);width:100%;height:var(--smt-secnav-h);padding:0;border:0;background:none;color:var(--smt-heading);font:inherit;font-size:var(--smt-fs-sm);font-weight:var(--smt-fw-600);text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent}
.smt-mtoc__now{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smt-mtoc__toggle .smt-i{flex:none;color:var(--smt-muted);transition:transform var(--smt-dur-fast) var(--smt-ease)}
.smt-mtoc__toggle[aria-expanded="true"] .smt-i{transform:rotate(180deg)}
.smt-mtoc__list{display:none;position:absolute;top:100%;inset-inline:0;flex-direction:column;max-height:min(60vh,420px);padding:var(--smt-space-2) var(--smt-gutter);overflow-y:auto;background:var(--smt-surface);border-bottom:1px solid var(--smt-divider);box-shadow:var(--smt-shadow-card)}
.smt-mtoc.is-open .smt-mtoc__list{display:flex}
.smt-mtoc__list a{display:flex;align-items:center;min-height:var(--smt-secnav-h);padding:var(--smt-space-2) 0;color:var(--smt-muted);font-size:var(--smt-fs-sm);font-weight:var(--smt-fw-600);text-decoration:none}
.smt-mtoc__list a[aria-current]{color:var(--smt-red)}

/* Mục lục bám bên trái */
.smt-post__toc{font-size:var(--smt-fs-sm)}
.smt-post__toc b{display:block;margin-bottom:var(--smt-space-2);color:var(--smt-heading)}
.smt-post__toc ol{margin:0;padding:0;list-style:none;border-inline-start:2px solid var(--smt-divider)}
.smt-post__toc a{display:block;padding:6px var(--smt-space-3);margin-inline-start:-2px;border-inline-start:2px solid transparent;color:var(--smt-muted);text-decoration:none;line-height:1.35}
.smt-post__toc a:hover{color:var(--smt-heading)}
.smt-post__toc a[aria-current]{color:var(--smt-red);border-inline-start-color:var(--smt-red);font-weight:var(--smt-fw-600)}

/* Hàng thông tin: nhóm, tác giả, ngày, thời gian đọc */
.smt-ameta{display:grid;gap:var(--smt-space-4);margin:var(--smt-space-3) 0 var(--smt-space-5)}
.smt-ameta__tags{display:flex;flex-wrap:wrap;gap:var(--smt-space-2);margin:0;padding:0;list-style:none}
.smt-ameta__tags a,.smt-ameta__tags span{display:inline-block;padding:4px 12px;border-radius:var(--smt-radius-round);background:var(--smt-navy-soft);color:var(--smt-navy);font-size:var(--smt-fs-xs);font-weight:var(--smt-fw-600);text-decoration:none}
/* Dòng tác giả: ảnh + tên + chức danh bên trái, ngày / thời gian đọc nhỏ và mờ bên phải; điện thoại thì xuống dòng dưới */
.smt-byline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--smt-space-3) var(--smt-space-5);padding-block:var(--smt-space-3);border-block:1px solid var(--smt-divider)}
.smt-author{display:inline-flex;align-items:center;gap:var(--smt-space-3);min-width:0}
.smt-author__txt{display:grid;gap:2px;min-width:0}
.smt-author__txt b{color:var(--smt-heading);font-size:var(--smt-fs-base);font-weight:var(--smt-fw-700);line-height:1.2}
.smt-author__txt small{color:var(--smt-muted);font-size:var(--smt-fs-xs);line-height:1.35}
.smt-author__ava{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 2px var(--smt-surface),0 0 0 3px var(--smt-divider)}
.smt-author__ava--txt{display:grid;place-items:center;background:var(--smt-navy);color:var(--smt-on-fill);font-weight:var(--smt-fw-700)}
.smt-byline__date{display:inline-flex;align-items:center;gap:6px;color:var(--smt-muted);font-size:var(--smt-fs-xs)}

/* Điểm chính (GEO: câu trọn nghĩa để Google / AI trích) */
.smt-takeaways{margin:0 0 var(--smt-space-5);padding:var(--smt-space-4) var(--smt-space-5);border-radius:var(--smt-radius);background:var(--smt-navy-soft);border-inline-start:4px solid var(--smt-red)}
.smt-takeaways h2{margin:0 0 var(--smt-space-3);font-size:var(--smt-fs-md)}
.smt-takeaways ul{display:grid;gap:var(--smt-space-3);margin:0;padding:0;list-style:none}
.smt-takeaways li{display:flex;gap:var(--smt-space-3);align-items:flex-start;line-height:1.5;color:var(--smt-heading)}
.smt-takeaways li .smt-i{flex:none;margin-top:2px;color:var(--smt-ok)}
@media (min-width:768px){.smt-takeaways ul{grid-template-columns:1fr 1fr;gap:var(--smt-space-4) var(--smt-space-5)}}

/* Thẻ nhóm dịch vụ */
.smt-pillar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px var(--smt-space-4);margin-top:var(--smt-space-6);padding:var(--smt-space-4) var(--smt-space-5);border:1px solid var(--smt-divider);border-radius:var(--smt-radius);background:var(--smt-surface);text-decoration:none;transition:background-color var(--smt-dur-fast)}
.smt-pillar:hover{background:var(--smt-card-hover)}
.smt-pillar__k{grid-column:1;font-size:var(--smt-fs-xs);font-weight:var(--smt-fw-600);color:var(--smt-red);text-transform:uppercase;letter-spacing:.04em}
.smt-pillar b{grid-column:1;color:var(--smt-heading);font-size:var(--smt-fs-md)}
.smt-pillar small{grid-column:1;color:var(--smt-muted)}
.smt-pillar .smt-i{grid-column:2;grid-row:1/4;color:var(--smt-muted)}

.smt-abook{padding:var(--smt-space-5);border:1px solid var(--smt-divider);border-radius:var(--smt-radius);background:var(--smt-surface)}
.smt-abook h2{margin-top:0}
.smt-post__more{padding-bottom:var(--smt-space-6)}

/* Phản hồi */
.smt-fb{margin-top:var(--smt-space-6);padding:var(--smt-space-5);border:1px solid var(--smt-divider);border-radius:var(--smt-radius);background:var(--smt-surface)}
.smt-fb h2{margin:0 0 var(--smt-space-3);font-size:var(--smt-fs-md)}
.smt-fb__btns{display:flex;gap:var(--smt-space-3)}
.smt-fb__more{display:grid;gap:var(--smt-space-3);margin-top:var(--smt-space-4)}
.smt-fb__more[hidden],.smt-fb__thanks[hidden]{display:none}
.smt-fb__more label{font-size:var(--smt-fs-sm);color:var(--smt-muted)}
.smt-fb__more textarea{width:100%;padding:var(--smt-space-3);border:1px solid var(--smt-divider);border-radius:var(--smt-radius-xs);background:var(--smt-bg);color:var(--smt-ink);font:inherit}
.smt-fb__more .smt-btn{justify-self:start}
.smt-fb__thanks{margin:var(--smt-space-3) 0 0;color:var(--smt-ok);font-weight:var(--smt-fw-600)}
.smt-fb.is-done .smt-fb__btns,.smt-fb.is-done .smt-fb__more{display:none}
.smt-fb__btns[hidden]{display:none}

/* Đánh giá sao */
.smt-rate{margin-top:var(--smt-space-6);padding:var(--smt-space-5);border:1px solid var(--smt-divider);border-radius:var(--smt-radius);background:var(--smt-surface)}
.smt-rate h2{margin:0 0 var(--smt-space-2);font-size:var(--smt-fs-md)}
.smt-rate__row{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--smt-space-3)}
.smt-rate__stars{display:inline-flex;margin-inline-start:-8px}
.smt-rate__s{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;background:none;color:var(--smt-divider);cursor:pointer;transition:color var(--smt-dur-fast),transform var(--smt-dur-fast);-webkit-tap-highlight-color:transparent}
.smt-rate__s .smt-i{width:24px;height:24px}
.smt-rate__s.is-on{color:var(--smt-star)}
.smt-rate__s:active{transform:scale(.9)}
.smt-rate.is-done .smt-rate__s{cursor:default}
.smt-rate__txt{color:var(--smt-muted);font-size:var(--smt-fs-sm)}