/* ==========================================================================
   Blog - Kinh nghiem da ga f83 game
   BEM: .page-blog-kinh-nghiem-da-ga
   ========================================================================== */

.page-blog-kinh-nghiem-da-ga { color: #333333; background-color: #FFFFFF; line-height: 1.7; }
.page-blog-kinh-nghiem-da-ga h1,
.page-blog-kinh-nghiem-da-ga h2,
.page-blog-kinh-nghiem-da-ga h3 { color: #26A9E0; margin-top: 0; line-height: 1.35; }
.page-blog-kinh-nghiem-da-ga p { color: #333333; }
.page-blog-kinh-nghiem-da-ga a { color: #26A9E0; }

/* Container ---------------------------------------------------------------- */
.page-blog-kinh-nghiem-da-ga__container { width: 100%; max-width: 1100px; margin: 0 auto; padding: 0 16px; box-sizing: border-box; }

/* Hero --------------------------------------------------------------------- */
.page-blog-kinh-nghiem-da-ga__hero-section { padding-top: 0; margin-top: 0; width: 100%; overflow: hidden; background: linear-gradient(180deg, #EAF6FC 0%, #FFFFFF 100%); }
.page-blog-kinh-nghiem-da-ga__hero-image { width: 100%; display: block; line-height: 0; }
.page-blog-kinh-nghiem-da-ga__hero-img { width: 100%; height: auto; max-width: 100%; display: block; object-fit: cover; }
.page-blog-kinh-nghiem-da-ga__hero-content { max-width: 1000px; margin: 0 auto; padding: 24px 16px 32px; text-align: center; box-sizing: border-box; }
.page-blog-kinh-nghiem-da-ga__hero-title { color: #26A9E0; font-weight: 800; line-height: 1.3; letter-spacing: -0.01em; max-width: 900px; margin: 0 auto 14px; font-size: clamp(1.35rem, 2.4vw + 0.6rem, 2.1rem); }
.page-blog-kinh-nghiem-da-ga__hero-desc { color: #333333; font-size: 1rem; max-width: 820px; margin: 0 auto 20px; }
.page-blog-kinh-nghiem-da-ga__hero-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; width: 100%; max-width: 100%; box-sizing: border-box; }

/* Buttons ------------------------------------------------------------------ */
.page-blog-kinh-nghiem-da-ga__btn { display: inline-block; padding: 13px 24px; border-radius: 8px; font-weight: 700; font-size: 0.98rem; text-decoration: none; text-align: center; transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease; border: 2px solid transparent; box-sizing: border-box; line-height: 1.3; white-space: normal; word-wrap: break-word; max-width: 100%; }
.page-blog-kinh-nghiem-da-ga__btn--primary { background-color: #26A9E0; color: #FFFFFF; border-color: #26A9E0; }
.page-blog-kinh-nghiem-da-ga__btn--primary:hover { background-color: #1B8CB9; border-color: #1B8CB9; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(38, 169, 224, 0.28); }
.page-blog-kinh-nghiem-da-ga__btn--login { background-color: #EA7C07; color: #FFFFFF; border-color: #EA7C07; }
.page-blog-kinh-nghiem-da-ga__btn--login:hover { background-color: #C96705; border-color: #C96705; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(234, 124, 7, 0.3); }
.page-blog-kinh-nghiem-da-ga__btn--outline { background-color: #FFFFFF; color: #26A9E0; border-color: #26A9E0; }
.page-blog-kinh-nghiem-da-ga__btn--outline:hover { background-color: #EAF6FC; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(38, 169, 224, 0.2); }

/* Generic sections -------------------------------------------------------- */
.page-blog-kinh-nghiem-da-ga__intro-section,
.page-blog-kinh-nghiem-da-ga__games-section,
.page-blog-kinh-nghiem-da-ga__promo-section,
.page-blog-kinh-nghiem-da-ga__guide-section,
.page-blog-kinh-nghiem-da-ga__policy-section,
.page-blog-kinh-nghiem-da-ga__closing-section { padding: 40px 0; }

.page-blog-kinh-nghiem-da-ga__intro-section--alt,
.page-blog-kinh-nghiem-da-ga__guide-section--alt,
.page-blog-kinh-nghiem-da-ga__policy-section--alt { background-color: #F7FBFE; }

.page-blog-kinh-nghiem-da-ga__section-title { font-size: 1.55rem; font-weight: 700; margin: 0 0 18px; color: #26A9E0; }
.page-blog-kinh-nghiem-da-ga__subsection-title { font-size: 1.2rem; font-weight: 700; margin: 22px 0 12px; color: #1B8CB9; }
.page-blog-kinh-nghiem-da-ga__text { font-size: 1rem; color: #333333; margin: 0 0 16px; }

/* Lists ------------------------------------------------------------------- */
.page-blog-kinh-nghiem-da-ga__list { list-style: none; padding: 0; margin: 0 0 20px; }
.page-blog-kinh-nghiem-da-ga__list li { position: relative; padding: 8px 0 8px 28px; color: #333333; }
.page-blog-kinh-nghiem-da-ga__list li::before { content: "\2713"; position: absolute; left: 4px; top: 8px; color: #26A9E0; font-weight: 700; }

/* Inline links ------------------------------------------------------------ */
.page-blog-kinh-nghiem-da-ga__inline-link { color: #26A9E0; text-decoration: underline; font-weight: 600; }
.page-blog-kinh-nghiem-da-ga__inline-link:hover { color: #1B8CB9; }

/* Figures / images -------------------------------------------------------- */
.page-blog-kinh-nghiem-da-ga__figure { margin: 22px auto; text-align: center; }
.page-blog-kinh-nghiem-da-ga__img { width: 100%; max-width: 800px; height: auto; aspect-ratio: 2 / 1; object-fit: cover; display: block; margin: 0 auto; border-radius: 10px; box-shadow: 0 4px 16px rgba(38, 169, 224, 0.12); }
.page-blog-kinh-nghiem-da-ga__caption { color: #555555; font-size: 0.9rem; margin-top: 10px; font-style: italic; }

/* Game blocks ------------------------------------------------------------- */
.page-blog-kinh-nghiem-da-ga__game-block { margin-bottom: 34px; }
.page-blog-kinh-nghiem-da-ga__game-block:last-child { margin-bottom: 0; }

/* Tables ------------------------------------------------------------------ */
.page-blog-kinh-nghiem-da-ga__info-table-wrap { overflow-x: auto; margin: 18px 0 24px; border-radius: 10px; }
.page-blog-kinh-nghiem-da-ga__info-table,
.page-blog-kinh-nghiem-da-ga__milestone-table { width: 100%; border-collapse: collapse; background-color: #FFFFFF; }
.page-blog-kinh-nghiem-da-ga__info-table th,
.page-blog-kinh-nghiem-da-ga__info-table td,
.page-blog-kinh-nghiem-da-ga__milestone-table th,
.page-blog-kinh-nghiem-da-ga__milestone-table td { border: 1px solid #D6E7F0; padding: 12px 14px; text-align: left; font-size: 0.95rem; color: #333333; vertical-align: top; }
.page-blog-kinh-nghiem-da-ga__info-table th,
.page-blog-kinh-nghiem-da-ga__milestone-table th { background-color: #26A9E0; color: #FFFFFF; font-weight: 700; }
.page-blog-kinh-nghiem-da-ga__info-table tbody tr:nth-child(even),
.page-blog-kinh-nghiem-da-ga__milestone-table tbody tr:nth-child(even) { background-color: #F2F9FD; }

/* Promo ------------------------------------------------------------------- */
.page-blog-kinh-nghiem-da-ga__promo-section { background: linear-gradient(135deg, #EAF6FC 0%, #FFFFFF 100%); }
.page-blog-kinh-nghiem-da-ga__cta-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; width: 100%; max-width: 100%; box-sizing: border-box; }

/* Closing ----------------------------------------------------------------- */
.page-blog-kinh-nghiem-da-ga__closing-section { background-color: #F7FBFE; }

/* Mobile ------------------------------------------------------------------ */
@media (max-width: 768px) {
  .page-blog-kinh-nghiem-da-ga { max-width: 100%; overflow-x: hidden; }
  .page-blog-kinh-nghiem-da-ga img { max-width: 100% !important; height: auto !important; }
  .page-blog-kinh-nghiem-da-ga__hero-content { padding: 18px 14px 26px; }
  .page-blog-kinh-nghiem-da-ga__hero-title { font-size: 1.4rem; }
  .page-blog-kinh-nghiem-da-ga__hero-desc { font-size: 0.95rem; }
  .page-blog-kinh-nghiem-da-ga__hero-actions { flex-direction: column; align-items: stretch; }
  .page-blog-kinh-nghiem-da-ga__btn { width: 100%; max-width: 100%; padding: 13px 16px; box-sizing: border-box; }
  .page-blog-kinh-nghiem-da-ga__intro-section,
  .page-blog-kinh-nghiem-da-ga__games-section,
  .page-blog-kinh-nghiem-da-ga__promo-section,
  .page-blog-kinh-nghiem-da-ga__guide-section,
  .page-blog-kinh-nghiem-da-ga__policy-section,
  .page-blog-kinh-nghiem-da-ga__closing-section { padding: 26px 0; }
  .page-blog-kinh-nghiem-da-ga__section-title { font-size: 1.25rem; }
  .page-blog-kinh-nghiem-da-ga__subsection-title { font-size: 1.08rem; }
  .page-blog-kinh-nghiem-da-ga__cta-row { flex-direction: column; align-items: stretch; }
  .page-blog-kinh-nghiem-da-ga__info-table th,
  .page-blog-kinh-nghiem-da-ga__info-table td,
  .page-blog-kinh-nghiem-da-ga__milestone-table th,
  .page-blog-kinh-nghiem-da-ga__milestone-table td { padding: 9px 10px; font-size: 0.88rem; }
  .page-blog-kinh-nghiem-da-ga__figure { margin: 18px auto; }
}

@media (max-width: 480px) {
  .page-blog-kinh-nghiem-da-ga__hero-title { font-size: 1.25rem; }
  .page-blog-kinh-nghiem-da-ga__btn { font-size: 0.92rem; padding: 12px 14px; }
}