/* Quanh Đây V4: clear five-step navigation matching the square-card homepage */
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{background:#f6f8fd!important;color:#27344c!important}
.top{background:#fff!important;border-bottom:2px solid #e6ecfa}
.top .brand{color:#158dd9!important}
.page-heading{padding-bottom:8px}.page-heading h1{color:#24355a}
.nearby-quicknav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0 22px}
.nearby-quicknav a{min-width:0;background:#fff;border:1px solid #dfe9f7;border-radius:17px;box-shadow:0 7px 16px #233c7310;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:13px 6px;font-size:13px;font-weight:800;color:#365079;transition:transform .16s}
.nearby-quicknav a span{font-size:29px;line-height:1.3}
.nearby-quicknav a:hover{transform:translateY(-3px);border-color:#55a9ef}
.nearby-quicknav a:focus-visible{outline:3px solid #eab247;outline-offset:2px}
.panel{border-radius:19px!important;border:1px solid #e0e8f4!important;box-shadow:0 6px 22px #2539670b!important}
.panel:target{outline:2px solid #70b5ed;outline-offset:3px}
.btn.primary{background:linear-gradient(110deg,#138be4,#685de6)!important}
.tabs button.active{background:#278dd8!important}
@media(max-width:640px){.nearby-quicknav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.nearby-quicknav a{font-size:12px;padding:11px 5px}.nearby-quicknav a span{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nearby-quicknav a{transition:none}}