/* D07 thay-doi-von-dieu-le: shim 320px/vùng chạm (B-D04-1) + override scoped theo master (B6 rebuild 01/11).
   Bỏ các rule ép layout (fit 1col/2col, related svc-grid 1col, .tt-extras) — dùng layout master service.css/components.css. */
@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,.tt-cta--form .tt-cta__buttons .tt-btn--ghost-dark{white-space:normal;text-align:left;max-width:100%}
 .tt-svc-value__cta,.tt-svc-value__cta .tt-btn{min-width:0;max-width:100%}
 .tt-svc-value__cta .tt-btn{white-space:normal;text-align:left}
}
@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}
}
@media (min-width:768px){
 /* #tt-direction có đúng 2 levels (data tăng/giảm) — 2 cột không ô trống; pattern :has(2) của service-family.css (asset nhóm không nạp trên B6) */
 #tt-direction .tt-svc-levels{grid-template-columns:repeat(2,minmax(0,1fr))}
 /* #tt-workspace có 4 tab — service.css hardcode repeat(5) cho 5 tab master; override scoped (B4 precedent service-entity.css) */
 main #tt-workspace .tt-svc-scope__tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
}