/* Sinh tu build/build.py — khong sua tay */
html{scroll-behavior:smooth}
body{margin:0;background:#120C08;color:#F4EFE9;font-family:Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#E8B95F;text-decoration:none}
a:hover{color:#F2D08F}
summary::-webkit-details-marker{display:none}
input::placeholder{color:#7A6F64}
[data-hscroll]::-webkit-scrollbar{display:none}
@keyframes jpPulse{0%{box-shadow:0 0 0 0 rgba(232,185,95,0.5)}70%{box-shadow:0 0 0 16px rgba(232,185,95,0)}100%{box-shadow:0 0 0 0 rgba(232,185,95,0)}}
@keyframes jpShine{0%{background-position:-200% 0}100%{background-position:200% 0}}

.jh-151b711:hover{background:#F2D08F !important;color:#211710 !important;}
.jh-4769f02:hover{color:#211710 !important;}
.jh-4961fc6:hover{transform:translateY(-2px) !important;}
.jh-4ae5525:hover{color:#211710 !important;transform:translateY(-2px) !important;}
.jh-4ee980f:hover{border-color:rgba(232,185,95,0.6) !important;}
.jh-6e85f55:hover{border-color:rgba(232,185,95,0.55) !important;transform:translateY(-4px) !important;}
.jh-c42d956:hover{border-color:#E8B95F !important;color:#E8B95F !important;}
.jh-dd17f5d:hover{border-color:rgba(232,185,95,0.7) !important;transform:translateX(4px) !important;}
.jh-e1d6c87:hover{color:#E8B95F !important;border-color:#E8B95F !important;}

/* --- Sua loi responsive (them tay, khong co trong ban thiet ke) --- */
/* Header: o man hinh hep, logo + nut CTA cong lai rong hon viewport nen nut bi
   cat mat chu. Thu nho padding, khoang cach va co chu de vua khung. */
@media (max-width: 600px) {
  .jp-rbd header > div {
    padding-left: 16px !important;
    padding-right: 16px !important;
    gap: 10px !important;
  }
  .jp-rbd header > div > a:first-child { font-size: 18px !important; }
  .jp-rbd header > div > a:first-child img { height: 30px !important; }
  .jp-rbd header > div > a:first-child span {
    font-size: 9px !important;
    padding: 2px 5px !important;
  }
  .jp-rbd header > div > a:last-child {
    font-size: 12px !important;
    padding: 10px 12px !important;
    letter-spacing: 0.04em !important;
  }
}
/* Tieu de hero: thu nho mot nac cho de doc tren man hinh lon */
.jp-rbd #top h1 { font-size: clamp(34px, 5.1vw, 76px) !important; }

/* Dai cuon ngang: keo tha bang chuot tren desktop */
[data-hscroll] { scroll-behavior: auto; }
[data-hscroll][data-pannable] { cursor: grab; }
[data-hscroll][data-panning] { cursor: grabbing; }
/* Thiet ke dat scroll-snap-type inline -> phai !important moi de len duoc.
   Dang keo hoac dang truot thi tat snap, khong thi moi khung hinh bi keo ve cho cu. */
[data-hscroll][data-panning],
[data-hscroll][data-gliding] { scroll-snap-type: none !important; }

@media (max-width: 380px) {
  .jp-rbd header > div > a:first-child { font-size: 16px !important; }
  .jp-rbd header > div > a:first-child img { height: 26px !important; }
  .jp-rbd header > div > a:last-child { font-size: 11px !important; padding: 9px 10px !important; }
}