/* Trang /huong-dan — tách từ <style> inline ngày 03/09: CSP `style-src 'self'`
   CHẶN style inline nên trang từng hiện TRẦN TRỤI trên production — đúng trang
   mà QR băng rôn dẫn khách lần đầu tới. Bài học: mọi CSS phải là FILE. */

/* Trang MỘT việc: bấm play. Không menu, không cuộn tìm — người xem là khách đứng
   trước băng rôn với cái điện thoại. */
:root {
  --xanh: #1a3a2e; --nen: #f5f2ec; --vien: #e3ddd3; --chu: #241f1b; --chu-mo: #6b6560;
}
[hidden] { display: none !important; }
body { margin: 0; background: var(--nen); color: var(--chu); font-family: system-ui, -apple-system, sans-serif; }
.hop { max-width: 26rem; margin: 0 auto; padding: 1.25rem 1rem 3rem; text-align: center; }
h1 { font-size: 1.35rem; margin: .5rem 0 .25rem; }
.mo { color: var(--chu-mo); margin: 0 0 1rem; }
video {
  width: 100%;
  max-width: 22rem;
  border-radius: 16px;
  border: 1px solid var(--vien);
  background: #000;
  box-shadow: 0 8px 30px rgba(0,0,0,.15);
}
.nut-dat {
  display: block; margin: 1.25rem auto 0; max-width: 22rem;
  padding: .9rem 1rem; border-radius: 12px; background: var(--xanh); color: #fff;
  font-weight: 700; font-size: 1.05rem; text-decoration: none;
}
.ba-viec { text-align: left; max-width: 22rem; margin: 1.25rem auto 0; padding: 0; list-style: none; }
.ba-viec li { display: flex; gap: .6rem; align-items: baseline; margin: .5rem 0; line-height: 1.5; }
.so { flex-shrink: 0; display: inline-grid; place-items: center; width: 1.5rem; height: 1.5rem;
  border-radius: 50%; background: var(--xanh); color: #fff; font-size: .85rem; font-weight: 700; }
.hotline { margin-top: 1.5rem; color: var(--chu-mo); }
.hotline a { color: var(--xanh); font-weight: 700; text-decoration: none; }