/* Base */
.page-blog-huong-dan-the-thao-f83{color:#1F2D3D;background:#F4F7FB;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;line-height:1.7;width:100%;max-width:100%;overflow-x:hidden}
.page-blog-huong-dan-the-thao-f83 h1,
.page-blog-huong-dan-the-thao-f83 h2,
.page-blog-huong-dan-the-thao-f83 h3,
.page-blog-huong-dan-the-thao-f83 h4{color:#2F6BFF;line-height:1.3;font-weight:700;margin:0 0 12px}
.page-blog-huong-dan-the-thao-f83 p{margin:0 0 14px;color:#1F2D3D}
.page-blog-huong-dan-the-thao-f83 a{color:#2F6BFF;text-decoration:underline}
.page-blog-huong-dan-the-thao-f83 a:hover{color:#6FA3FF}

/* Hero - image first, content below, no overlay */
.page-blog-huong-dan-the-thao-f83__hero-section{padding-top:10px;margin-top:0;width:100%;display:flex;flex-direction:column;align-items:center;background:#F4F7FB;overflow:hidden}
.page-blog-huong-dan-the-thao-f83__hero-image{width:100%;max-width:1200px;display:block}
.page-blog-huong-dan-the-thao-f83__hero-image img{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 6px 24px rgba(47,107,255,.12)}
.page-blog-huong-dan-the-thao-f83__hero-content{width:100%;max-width:1100px;padding:20px 16px 8px;box-sizing:border-box;text-align:center}
.page-blog-huong-dan-the-thao-f83__page-title{color:#2F6BFF;font-weight:800;line-height:1.25;letter-spacing:.2px;margin:0 0 14px;max-width:900px;margin-left:auto;margin-right:auto}
.page-blog-huong-dan-the-thao-f83__hero-desc{color:#1F2D3D;max-width:860px;margin:0 auto 18px;font-size:1.02rem}
.page-blog-huong-dan-the-thao-f83__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%;max-width:100%;box-sizing:border-box}

/* Buttons */
.page-blog-huong-dan-the-thao-f83__btn{display:inline-block;padding:12px 22px;border-radius:10px;background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#FFFFFF;font-weight:700;text-decoration:none;border:1px solid #2F6BFF;box-shadow:0 4px 14px rgba(47,107,255,.25);transition:transform .15s ease,box-shadow .15s ease;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center}
.page-blog-huong-dan-the-thao-f83__btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(47,107,255,.35);color:#FFFFFF}
.page-blog-huong-dan-the-thao-f83__btn--ghost{background:#FFFFFF;color:#2F6BFF;border:1px solid #D6E2FF;box-shadow:none}
.page-blog-huong-dan-the-thao-f83__btn--ghost:hover{background:#F4F7FB;color:#2F6BFF;box-shadow:0 4px 12px rgba(47,107,255,.15)}
.page-blog-huong-dan-the-thao-f83__cta-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:20px 0 6px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}

/* Sections */
.page-blog-huong-dan-the-thao-f83__intro-section,
.page-blog-huong-dan-the-thao-f83__games-section,
.page-blog-huong-dan-the-thao-f83__promo-section,
.page-blog-huong-dan-the-thao-f83__guide-section,
.page-blog-huong-dan-the-thao-f83__policy-section,
.page-blog-huong-dan-the-thao-f83__closing-section{max-width:1100px;margin:0 auto;padding:28px 16px;box-sizing:border-box}
.page-blog-huong-dan-the-thao-f83__section-title{margin:0 0 18px;padding-bottom:10px;border-bottom:3px solid #D6E2FF;font-size:clamp(1.35rem,1rem + 1.4vw,1.85rem)}
.page-blog-huong-dan-the-thao-f83__sub-title{margin:18px 0 10px;font-size:clamp(1.1rem,.95rem + .6vw,1.3rem);color:#2F6BFF}
.page-blog-huong-dan-the-thao-f83__list{margin:0 0 16px 20px;padding:0;color:#1F2D3D}
.page-blog-huong-dan-the-thao-f83__list li{margin:6px 0}
.page-blog-huong-dan-the-thao-f83__note{margin-top:18px;padding:12px 14px;background:#FFFFFF;border-left:4px solid #2F6BFF;border-radius:6px;color:#1F2D3D;font-size:.95rem}

/* Figures & images */
.page-blog-huong-dan-the-thao-f83__figure{margin:18px auto;text-align:center;background:#FFFFFF;border:1px solid #D6E2FF;border-radius:12px;padding:12px;box-sizing:border-box;max-width:100%}
.page-blog-huong-dan-the-thao-f83__figure img,
.page-blog-huong-dan-the-thao-f83__intro-section img,
.page-blog-huong-dan-the-thao-f83__games-section img,
.page-blog-huong-dan-the-thao-f83__promo-section img,
.page-blog-huong-dan-the-thao-f83__guide-section img,
.page-blog-huong-dan-the-thao-f83__policy-section img,
.page-blog-huong-dan-the-thao-f83__closing-section img{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:8px}
.page-blog-huong-dan-the-thao-f83__figure figcaption{color:#1F2D3D;font-size:.9rem;margin-top:10px;font-style:italic}

/* Table */
.page-blog-huong-dan-the-thao-f83__info-table-wrap{overflow-x:auto;margin:18px 0;background:#FFFFFF;border-radius:12px;border:1px solid #D6E2FF;padding:4px;box-sizing:border-box;max-width:100%}
.page-blog-huong-dan-the-thao-f83__info-table{width:100%;border-collapse:collapse;min-width:420px}
.page-blog-huong-dan-the-thao-f83__info-table th,
.page-blog-huong-dan-the-thao-f83__info-table td{border:1px solid #D6E2FF;padding:12px;text-align:left;color:#1F2D3D;font-size:.98rem}
.page-blog-huong-dan-the-thao-f83__info-table th{background:#F4F7FB;color:#2F6BFF;font-weight:700}

/* Game blocks */
.page-blog-huong-dan-the-thao-f83__game-block{margin-bottom:28px;padding:16px;background:#FFFFFF;border:1px solid #D6E2FF;border-radius:12px;box-sizing:border-box;max-width:100%}

/* Mobile */
@media (max-width:768px){
  .page-blog-huong-dan-the-thao-f83{max-width:100%;overflow-x:hidden}
  .page-blog-huong-dan-the-thao-f83__hero-section{padding-top:8px}
  .page-blog-huong-dan-the-thao-f83__hero-content{padding:16px 12px 6px}
  .page-blog-huong-dan-the-thao-f83__page-title{font-size:clamp(1.35rem,1.1rem + 2.2vw,1.7rem);line-height:1.28}
  .page-blog-huong-dan-the-thao-f83__hero-desc{font-size:.98rem}
  .page-blog-huong-dan-the-thao-f83__intro-section,
  .page-blog-huong-dan-the-thao-f83__games-section,
  .page-blog-huong-dan-the-thao-f83__promo-section,
  .page-blog-huong-dan-the-thao-f83__guide-section,
  .page-blog-huong-dan-the-thao-f83__policy-section,
  .page-blog-huong-dan-the-thao-f83__closing-section{padding:20px 12px}
  .page-blog-huong-dan-the-thao-f83__section-title{font-size:1.25rem}
  .page-blog-huong-dan-the-thao-f83__sub-title{font-size:1.08rem}
  .page-blog-huong-dan-the-thao-f83 img{max-width:100% !important;height:auto !important}
  .page-blog-huong-dan-the-thao-f83__figure{padding:8px;border-radius:10px}
  .page-blog-huong-dan-the-thao-f83__hero-actions,
  .page-blog-huong-dan-the-thao-f83__cta-row{flex-direction:column;align-items:stretch}
  .page-blog-huong-dan-the-thao-f83__btn{width:100%;max-width:100%;white-space:normal;word-wrap:break-word;box-sizing:border-box}
  .page-blog-huong-dan-the-thao-f83__info-table{min-width:0;font-size:.9rem}
  .page-blog-huong-dan-the-thao-f83__info-table th,
  .page-blog-huong-dan-the-thao-f83__info-table td{padding:8px}
}