/* Page-specific layout; reusable pricing UI is registered in components.css. */
.tt-pricing-page{scroll-padding-top:calc(var(--tt-hdr) + var(--tt-space-7))}
.tt-pricing-page main [id]{scroll-margin-top:calc(var(--tt-hdr) + var(--tt-space-7) + var(--tt-space-6))}
/* Bảng HĐĐT/chữ ký số nhiều cột: ≤767px xếp chồng theo data-tt-label (S-33), không cuộn ngang cắt cột cuối (Ken yêu cầu 01/11). */
@media (max-width:767px){
#tt-invoice .tt-fee-table td,#tt-signature .tt-fee-table td{white-space:normal;min-width:0}
#tt-invoice .tt-fee-table--stack td:first-child,#tt-signature .tt-fee-table--stack td:first-child{font-weight:600;padding-top:var(--tt-space-2)}
#tt-invoice .tt-fee-table--stack td:not([data-tt-label]):not(:first-child){display:block;text-align:left}
}
/* Các bảng còn lại ở viewport hẹp (≤400px): cho ô co lại để không tràn ngang trang. */
@media (max-width:400px){
main .tt-fee-table th,main .tt-fee-table td{padding:var(--tt-space-2) var(--tt-space-2);overflow-wrap:anywhere}
main .tt-fee-table td:not(:first-child),main .tt-fee-table td:first-child{min-width:0}
}
/* Thanh neo nhóm giá: chip gọn ~1/2; vùng chạm mở rộng bằng ::after. */
main .tt-price-nav{width:min(100% - 2*var(--tt-pad),var(--tt-wrap));margin-inline:auto;border:1px solid var(--tt-line-soft);border-radius:var(--tt-r-l)}
main .tt-price-nav__in{width:100%;padding:var(--tt-space-2) var(--tt-space-3)}
main .tt-price-nav__link{position:relative;min-height:1.75rem;padding:var(--tt-space-1) var(--tt-space-3);font-size:var(--tt-fs-caption);gap:var(--tt-space-1)}
main .tt-price-nav__link::after{content:"";position:absolute;inset:-.5rem -2px}
@media (max-width:767px){main .tt-price-nav__in{gap:var(--tt-space-1)}main .tt-price-nav__link{padding:var(--tt-space-1) var(--tt-space-2)}}
@media (max-width:400px){main .tt-price-nav__in{gap:2px}main .tt-price-nav__link{padding-inline:var(--tt-space-1);font-size:.6875rem}}