/* Travelguidestip 1+8 theme: the post body (.van) and the boxes already inside posts. In-post boxes carry inline
   styles (the old cache stripped <style>), so their look is overridden with !important; their links are untouched. */
.van{font-size:17px;line-height:1.7;color:var(--chu2)}
.van>*{margin-top:0;margin-bottom:1em}
.van h2{font:800 30px/1.15 var(--f-tieu);color:var(--muc);margin:34px 0 10px;scroll-margin-top:70px;letter-spacing:-.01em}
.van h3{font:800 21px/1.25 var(--f-tieu);color:var(--muc);margin:24px 0 8px;scroll-margin-top:70px}
.van h4{font:700 17px var(--f-than);color:var(--muc);margin:18px 0 6px}
.van a{color:var(--x-chu);text-decoration:underline;text-underline-offset:2px}
.van ul,.van ol{padding-left:1.3em}
.van li{margin-bottom:.4em}
.van strong,.van b{color:var(--muc)}
.van figure{margin:20px 0}
.van figure img{display:block;width:100%;height:auto;border-radius:12px}
.van figcaption{font-size:12.5px;color:var(--mo);margin-top:6px}
.van iframe{width:100%;border:0;border-radius:12px}
.van blockquote{margin:16px 0;border-left:4px solid var(--x);background:var(--nen3);border-radius:0 12px 12px 0;padding:12px 16px}
.van blockquote>:last-child{margin-bottom:0}
.van hr{border:0;border-top:1px solid var(--vien);margin:28px 0}
.bang-cuon table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.45}
.bang-cuon th,.bang-cuon td{padding:10px 12px;text-align:left;border-top:1px solid var(--vien);vertical-align:top}
.bang-cuon thead th,.bang-cuon tr:first-child th{border-top:0;background:var(--nen2);font:700 13px var(--f-than);color:var(--muc)}
.bang-cuon td:first-child{font-weight:700;color:var(--muc)}
.bang-cuon .bang-cuon{border:0;margin:0}
.van .table-responsive{margin:0;overflow:visible}

/* Insider tip (restyled, owner decision C) and the design's note box. */
.van .goi{border-left:4px solid var(--x);background:var(--nen3);border-radius:0 12px 12px 0;padding:12px 16px;margin:16px 0;color:var(--chu2)}
.van .goi>:last-child{margin-bottom:0}

/* Booking boxes already in posts. */
.van .qa-cta-box,.van .top-cta-box,.van .vs-verdict-box{background:var(--nen2)!important;border:1px solid var(--vien)!important;border-left:4px solid var(--x)!important;
  border-radius:0 14px 14px 0!important;padding:16px 18px!important;color:var(--chu2)!important;font-size:15.5px!important}
.van .qa-cta-box *,.van .top-cta-box *{color:inherit}
.van .qa-cta-box strong,.van .top-cta-box strong{color:var(--muc)!important}
.van .s22map{background:var(--x-nhat)!important;border:0!important;border-radius:14px!important;padding:16px!important;scroll-margin-top:70px}
.van .s22map h3{margin-top:0!important;color:var(--muc)!important}
.van .s22map p{color:var(--chu2)!important}
/* Old orange in-post buttons become the design's secondary (blue outline) buttons: one yellow button per screen. */
.van a[href*="stay22.com"][style*="background"],.van .map-cta-btn a{background:var(--nen)!important;color:var(--x-chu)!important;-webkit-text-fill-color:var(--x-chu)!important;
  border:1.5px solid var(--x)!important;border-radius:10px!important;font:700 14px var(--f-than)!important;padding:10px 14px!important;text-decoration:none!important;display:inline-flex!important;align-items:center;min-height:40px}
.van a[href*="stay22.com"][style*="background"]:hover,.van .map-cta-btn a:hover{background:var(--x-nhat)!important}

/* X vs Y cards: the post's own two verdict links, shown as two equal blue buttons. */
.ss a[href*="stay22.com"]{margin-top:auto!important;align-self:flex-start;background:var(--x)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  border:0!important;border-radius:10px!important;font:700 15px var(--f-than)!important;padding:12px 16px!important;text-decoration:none!important}
.ss__nd p{font-size:15.5px}

/* Theme bits not in the mockup. */
.tab-khoi{margin:8px 0}
.van .tabs{margin-top:0}
.van .pane>h2:first-child{margin-top:8px}
.tim-dt{padding-bottom:12px}
.tim-dt input,.tim--trang input{width:100%;height:44px;border:1px solid var(--vien2);border-radius:999px;padding:0 16px;font:16px var(--f-than);background:var(--nen2);color:var(--muc)}
.tim--trang{margin:10px 0 0;max-width:520px}
.tim--trang::before{display:none}
.nhom{margin-top:22px}
.nhom h2{font:800 24px var(--f-tieu);margin:0 0 10px}
.nhom h2 small{font:700 14px var(--f-than);color:var(--mo);margin-left:6px}
.phan-trang{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 30px}
.phan-trang .page-numbers{border:1px solid var(--vien2);border-radius:10px;padding:6px 12px;color:var(--muc)}
.phan-trang .current{background:var(--muc);color:var(--nen)}
.trang-tinh{max-width:780px;padding:20px 0 40px}
.tra-loi .ds-gach{margin:0 0 12px}
.tra-loi .ds-gach li{font-size:15.5px}
.khu h3 a{color:var(--muc)}
.khu h3 a:hover{color:var(--x-chu)}
