/* style/the-thao.css */
/* Base styles for the page */
.page-the-thao {
  font-family: Arial, sans-serif;
  line-height: 1.6;
  color: var(--text-main, #F3F8FF); /* Default text color from palette */
  background-color: var(--card-bg, #10233F); /* Default background from palette */
}

.page-the-thao__container {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
}

.page-the-thao__section-title {
  font-size: 2.5em;
  font-weight: bold;
  color: var(--gold, #F2C14E); /* Gold for titles */
  text-align: center;
  margin-bottom: 40px;
  line-height: 1.2;
}

.page-the-thao__text-block {
  font-size: 1.1em;
  margin-bottom: 20px;
  color: var(--text-secondary, #AFC4E8);
}

/* Page Header Section (HERO-like for non-homepage) */
.page-the-thao__page-header {
  padding-top: 10px; /* Small top padding as per rule */
  padding-bottom: 80px;
  background-color: var(--deep-navy, #08162B); /* Dark background for header */
  color: var(--text-main, #F3F8FF);
}

.page-the-thao__page-header .page-the-thao__container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 40px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.page-the-thao__header-content {
  flex: 1 1 50%;
  min-width: 300px;
}