:root{--pri:#0b57d0;--muted:#64748b}
  *{box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}
  .visa-dest{display:grid;grid-template-columns:22% 58% 20%;gap:18px;align-items:start}
  .title{font-size:30px;margin:0 0 8px;color:#000E68;line-height:40px;}
  .note{color:var(--muted);margin:20px 0 14px}
  .note b {font-size: 20px;}
  hr {background-color: #0b57d0;opacity: 1 !important;}
  .tabs{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:10px}
  .tab{border:0;color:#ccc;padding:6px 10px 0;cursor:pointer;text-transform:none;}
  .tab.active{color:#1d4ed8; border-bottom: 1px solid #1d4ed8;}
  .map{position:relative;height:360px;border-radius:16px;overflow:hidden;background:#f4f7fe}
  .map-layer{
    position:absolute;inset:0;           /* left:0;top:0;width:100%;height:100% */
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;              /* ảnh thu/phóng theo layer */
    transform-origin:0 0;                 /* để tính toán zoom theo toạ độ */
    cursor:grab;
  }
  .map-layer.grabbing{cursor:grabbing}
  /* .map[data-bg]{background-size:cover;background-position:center} */
  .pin{position:absolute;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;border:2px solid #fff;background:var(--pri);box-shadow:0 4px 14px rgba(10,30,60,.25);cursor:pointer;min-height:1.1em;padding: 0 0.4em;}
  .pin:hover{transform:translate(-50%,-50%) scale(1.07)}
  /* Bài viết dạng thẻ có thumbnail */
  .post.card{margin-bottom: 10px; position: relative;}
  .post.card .thumb{display:block;overflow:hidden;border-radius:10px;position:relative}
  .post.card .thumb::after{
    content:"";
    position:absolute; inset:0;                      /* top/right/bottom/left:0 */
    background:rgba(0,0,0,.45);                      /* độ tối: 0.45 = 45% */
    border-radius:10px; pointer-events:none;         /* không chặn click */
  }
  .post.card .thumb img{width:100%;height:140px;object-fit:cover;display:block}
  /* .post.card .meta .title-post{display:inline-block;margin:5px 0;padding: 0 10px;color:#fff;text-decoration:none;font-size:14px;position:absolute;bottom:0;} */
  .post.card .meta .title-post{
    position:absolute; left:0; right:0; bottom:0;
    z-index:2; color:#fff; margin:5px 0; padding:0 10px;
    text-shadow:0 1px 2px rgba(0,0,0,.4);
  }

  /* (tuỳ chọn) dùng gradient tối ở mép dưới thay vì phủ đều */
  .post.card .thumb.gradient::after{
    background:linear-gradient(to top, rgba(0,0,0,.65) 0%, rgba(0,0,0,.05) 60%, rgba(0,0,0,0) 100%);
  }
  .post-more {margin-top: 10px;}
  @media (max-width:900px){.visa-dest{grid-template-columns:1fr;}}
  @media (max-width:430px){.tab{padding: 6px 0 0;}}