.vong-thi-page .vt-main { max-width:1200px; margin:auto; padding:28px 24px 64px; }
.vong-thi-page .vt-heading { display:flex; align-items:start; justify-content:space-between; gap:24px; margin-bottom:24px; }
.vong-thi-page .vt-heading h1 { font-size:36px !important; line-height:1.2; margin:8px 0 12px; color:#452e23 !important; }
.vong-thi-page .vt-heading p { font:400 16px/1.6 'Be Vietnam Pro',sans-serif; }
.vt-links { display:flex; flex-wrap:wrap; gap:12px; margin-top:16px; }
.vt-links a { padding:10px 16px; border:1px solid #c8b4a7; font:600 14px/1.5 'Be Vietnam Pro',sans-serif; }
.vt-links a:first-child { background:#673c2b; color:white; }
.vt-nav { display:flex; gap:24px; overflow:auto; border-block:1px solid #ded5cd; padding:16px 0; margin-bottom:24px; }
.vt-nav a { white-space:nowrap; font:600 15px/1.5 'Be Vietnam Pro',sans-serif; }
.vt-room { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; padding:24px 0; border-bottom:1px solid #ded5cd; scroll-margin-top:110px; }
.vt-cover { display:block; position:relative; padding:0; border:0; background:#eee; cursor:zoom-in; width:100%; aspect-ratio:3/2; overflow:hidden; border-radius:6px; }
.vt-cover img { width:100%; height:100%; object-fit:cover; }
.vt-cover span { position:absolute; bottom:12px; left:12px; background:#fff; color:#38291f; padding:8px 12px; font:600 14px/1.5 'Be Vietnam Pro',sans-serif; }
.vt-room h2 { margin:4px 0 16px; font-size:28px !important; }
.vt-room p { font:400 16px/1.6 'Be Vietnam Pro',sans-serif; }
.vt-room .vt-meta { font-size:14px; margin-bottom:12px; color:#755a49; }
.vt-thumbnails { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:20px; }
.vt-thumbnails button { padding:0; border:0; background:#eee; cursor:zoom-in; aspect-ratio:4/3; overflow:hidden; border-radius:4px; }
.vt-thumbnails img { width:100%; height:100%; object-fit:cover; }
.vt-gallery { margin-top:40px; scroll-margin-top:110px; }
.vt-gallery h2 { font-size:28px !important; margin-bottom:20px; }
.vt-gallery h3 { font-size:22px !important; margin:28px 0 16px; }
.vt-gallery-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.vt-gallery-grid button { padding:0; border:0; cursor:zoom-in; background:#eee; aspect-ratio:4/3; overflow:hidden; border-radius:4px; }
.vt-gallery-grid img { width:100%; height:100%; object-fit:cover; }
.vt-main button:focus-visible,.vt-main a:focus-visible { outline:3px solid #9c552c; outline-offset:3px; }
.location-card.vong-thi::before { background-image:url('/images/vong-thi/504/01.webp'); }
@media(max-width:650px) {
  .vong-thi-page .vt-main { padding:20px 16px 40px; }
  .vong-thi-page .vt-heading { display:block; }
  .vong-thi-page .vt-heading h1 { font-size:28px !important; }
  .vt-room { grid-template-columns:1fr; gap:16px; padding:20px 0; }
  .vt-room h2 { font-size:24px !important; margin-bottom:10px; }
  .vt-gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .vt-nav { gap:20px; }
  .vt-links a { min-height:44px; }
}