.guide-tabbed .hero{grid-template-columns:1fr;padding:24px 30px}
.guide-tabbed .hero>figure{display:none}
.guide-tabbed .hero h1{font-size:clamp(26px,4vw,36px);margin:6px 0 10px}
.guide-tabbed .hero h1 br{display:none}
.guide-tabbed .hero h1 br::after{content:' '}
.guide-tabbed .hero p{margin:8px 0}
.guide-tabbed .actions{margin:14px 0 0}
.guide-tabbed .layout{display:block;margin-top:20px;scroll-margin-top:12px}
.guide-tabbed .toc{position:static;display:flex;flex-wrap:wrap;gap:8px;padding:12px;margin-bottom:18px;font-size:14px}
.guide-tabbed .toc a{display:flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #dbe7ed;border-radius:10px;background:#f4f8fb;color:#234b66;min-height:44px}
.guide-tabbed .toc a[aria-selected=true]{background:#083e59;border-color:#083e59;color:white;font-weight:bold}
.guide-tabbed [role=tabpanel][hidden]{display:none}
.guide-tabbed #cong-dung>.section{margin-top:0!important}
.guide-tabbed [role=tabpanel] figure{max-width:780px;margin:22px auto}
.guide-tabbed [role=tabpanel]:focus-visible{outline:3px solid #0ca7ce;outline-offset:3px}
@media(max-width:520px){.guide-tabbed .hero{padding:20px}.guide-tabbed .toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px}.guide-tabbed .toc a{padding:9px 6px;font-size:13px}.guide-tabbed .section{padding:20px 16px}}
@media print{.guide-tabbed .toc{display:none}.guide-tabbed [role=tabpanel][hidden]{display:block}.guide-tabbed .hero>figure{display:block}}
