@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');

#tmh-page, #tmh-page * {
  box-sizing: border-box !important;
  -webkit-font-smoothing: antialiased;
}

.inside-article, .entry-content, .page-content { padding: 0 !important; margin: 0 !important; }
.site-main, .site-main > .inside-article, #primary, .content-area > .site-main { padding-top: 0 !important; margin-top: 0 !important; }

#tmh-page {
  font-family: 'Nunito', 'Segoe UI', sans-serif !important;
  color: #1e1b4b !important;
  background: #fff !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  margin-left: -50vw !important;
}

#tmh-page h2, #tmh-page h3, #tmh-page p, #tmh-page ul, #tmh-page li, #tmh-page span, #tmh-page div, #tmh-page section {
  margin: 0 !important; padding: 0 !important; border: none !important;
  font-family: 'Nunito', 'Segoe UI', sans-serif !important;
}

#tmh-page a { text-decoration: none !important; font-family: 'Nunito', 'Segoe UI', sans-serif !important; }
#tmh-page ul { list-style: none !important; }

#tmh-page .tmh-eyebrow {
  display: inline-block !important; font-size: 12px !important; font-weight: 800 !important;
  letter-spacing: 1.2px !important; text-transform: uppercase !important;
  color: #2563eb !important; margin-bottom: 14px !important; padding: 0 !important;
}

#tmh-page .tmh-section-inner {
  max-width: 1100px !important; margin: 0 auto !important; padding: 30px 40px !important;
}

#tmh-page .tmh-section-head { text-align: center !important; margin-bottom: 52px !important; max-width: 640px !important; margin-left: auto !important; margin-right: auto !important; }
#tmh-page .tmh-section-head h2 {
  font-size: clamp(28px, 4vw, 40px) !important; font-weight: 900 !important;
  color: #1e1b4b !important; line-height: 1.2 !important; margin-top: 6px !important;
}
#tmh-page .tmh-section-sub { font-size: 15px !important; color: #64748b !important; margin-top: 10px !important; line-height: 1.6 !important; }

/* ══ ACADEMIC SECTION ══ */
#tmh-academic { background: #f8fafc !important; padding: 0 !important; }

#tmh-academic .tmh-academic-grid {
  display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 28px !important;
}

#tmh-academic .tmh-game-card {
  background: #fff !important; border-radius: 28px !important; padding: 36px 30px !important;
  position: relative !important; overflow: hidden !important;
  box-shadow: 0 2px 20px rgba(0,0,0,.05) !important;
  transition: transform .3s ease, box-shadow .3s ease !important;
  display: flex !important; flex-direction: column !important;
}

#tmh-academic .tmh-game-card:hover {
  transform: translateY(-8px) !important; box-shadow: 0 20px 50px rgba(0,0,0,.10) !important;
}

#tmh-academic .tmh-gc-icon { font-size: 48px !important; margin-bottom: 14px !important; line-height: 1 !important; display: block !important; }

#tmh-academic .tmh-gc-badge {
  display: inline-block !important; font-size: 11px !important; font-weight: 800 !important;
  text-transform: uppercase !important; letter-spacing: .9px !important;
  padding: 4px 12px !important; border-radius: 20px !important; margin-bottom: 16px !important;
  width: fit-content !important;
}

#tmh-academic .tmh-game-card h3 { font-size: 22px !important; font-weight: 900 !important; color: #1e1b4b !important; margin-bottom: 12px !important; }
#tmh-academic .tmh-game-card p { font-size: 14px !important; color: #64748b !important; line-height: 1.7 !important; margin-bottom: 20px !important; }

#tmh-academic .tmh-gc-tags { display: flex !important; flex-direction: column !important; gap: 8px !important; margin-bottom: 28px !important; flex: 1 !important; }
#tmh-academic .tmh-gc-tags li { font-size: 13px !important; color: #475569 !important; font-weight: 700 !important; }

#tmh-academic .tmh-gc-btn {
  display: block !important; text-align: center !important; padding: 14px !important;
  border-radius: 14px !important; font-weight: 800 !important; font-size: 15px !important;
  transition: opacity .2s, transform .15s !important; margin-top: auto !important;
}
#tmh-academic .tmh-gc-btn:hover { opacity: .88 !important; transform: translateY(-2px) !important; }

/* ══ ENGLISH LEVEL TEST CARD (active, blue) ══ */
.tmh-gc-english {
  background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%) !important;
  border-color: rgba(96,165,250,0.3) !important;
  color: #dbeafe !important;
}
.tmh-gc-english h3 { color: #93c5fd !important; }
.tmh-gc-english p, .tmh-gc-english li { color: #bfdbfe !important; }
.tmh-gc-english .tmh-gc-badge { background: rgba(96,165,250,0.18) !important; color: #93c5fd !important; }
.tmh-gc-english .tmh-gc-btn { background: linear-gradient(135deg, #60a5fa, #818cf8) !important; color: #1e1b4b !important; }
.tmh-gc-english:hover { border-color: rgba(96,165,250,0.7) !important; box-shadow: 0 16px 40px rgba(96,165,250,0.25) !important; }

/* ══ COMING SOON CARD (muted) ══ */
.tmh-gc-soon {
  background: #f1f5f9 !important;
  border: 2px dashed #cbd5e1 !important;
  color: #64748b !important;
}
.tmh-gc-soon h3 { color: #475569 !important; }
.tmh-gc-soon p, .tmh-gc-soon li { color: #94a3b8 !important; }
.tmh-gc-soon .tmh-gc-badge { background: #e2e8f0 !important; color: #64748b !important; }
.tmh-gc-soon:hover { transform: none !important; box-shadow: none !important; }
.tmh-gc-btn-disabled {
  background: #e2e8f0 !important; color: #94a3b8 !important; cursor: default !important;
}
.tmh-gc-btn-disabled:hover { opacity: 1 !important; transform: none !important; }

/* ══ ANIMATIONS ══ */
.tmh-reveal { opacity: 0; transform: translateY(28px); transition: opacity .65s ease, transform .65s ease; }
.tmh-reveal.tmh-visible { opacity: 1; transform: translateY(0); }

/* ══ RESPONSIVE ══ */
@media (max-width: 760px) {
  #tmh-academic .tmh-academic-grid { grid-template-columns: 1fr !important; max-width: 500px !important; margin: 0 auto !important; }
}
@media (max-width: 768px) {
  #tmh-page .tmh-section-inner { padding: 60px 24px !important; }
}