/* B14 Kiểm tra sổ sách, báo cáo thuế (post 1329): CSS riêng của trang.
 Hero kính dùng component master qua service-glassstage.css (nạp theo spec assets) — không giữ bản chép trong file này. */
/* Callout nằm ngoài .tt-wrap nên tràn mép: căn theo wrap. */
.tt-sv-main>.tt-svc-callout{width:min(100% - 2 * var(--tt-pad),var(--tt-wrap));margin-inline:auto}
/* S-11 levels 4 mục: lưới 2×2 @≥1025 thay vì repeat(3) 3+1 lẻ (≤1024 service.css đã 1 cột). */
@media (min-width:1025px){
 #tt-package .tt-svc-levels{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* S-14 ptable ≤767: service.css:363 ẩn mọi cột giá chưa .is-us, mà .is-us chỉ do estimator (service.js render()) gán —
 trang này không có estimator nên mất toàn bộ giá trên mobile. Khôi phục đúng hành vi master (1 cột giá đang chọn,
 mặc định cột 0 "Thương mại, dịch vụ"); cột còn lại và cả 2 cột xem ở ≥768. B15 cùng pattern — đã ghi BACKLOG. */
@media (max-width:767px){
 #tt-pricing .tt-svc-ptable thead th[data-tt-col="0"],
 #tt-pricing .tt-svc-ptable td[data-tt-col="0"]{display:table-cell}
}
/* Chấm mục lục rail: service.js bật .is-active nhưng service.css chỉ tô .is-shown (B-R01-7). Bỏ khi sửa gốc. */
.tt-svc-rail a.is-active i{background:var(--tt-th);box-shadow:var(--tt-shadow-s);transform:scale(1.15)}
/* 320px: lưới .tt-cta--form lấy min-content rộng hơn khung (gốc ở components.css, B-D04-1); vùng chạm link chữ ≥44px ở mobile. */
@media (max-width:359px){
 .tt-cta--form{grid-template-columns:minmax(0,1fr)}
 .tt-cta--form>*{min-width:0}
 .tt-cta--form .tt-cta__buttons .tt-btn{white-space:normal;text-align:left;max-width:100%}
}
@media (max-width:767px){
 main .tt-link-arrow,main .tt-cta__link{display:inline-flex;min-height:44px;align-items:center}
 main :not(li)>.tt-link:only-child,main :not(p,li)>.tt-link{display:inline-flex;min-height:44px;align-items:center}
}