.page-the-thao__hero-section { padding-top: 10px; }
.page-the-thao__hero-image { width: 100%; }
.page-the-thao__hero-image img { display: block; width: 100%; height: auto; aspect-ratio: 1024 / 400; object-fit: cover; }
.page-the-thao__hero-content { margin-top: 12px; max-width: 1200px; margin-left: auto; margin-right: auto; width: 100%; }
.page-the-thao__hero-title { color: #FFF1E8; font-size: clamp(1.6rem, 4vw, 2.6rem); line-height: 1.2; margin: 0; font-weight: 700; }
.page-the-thao__text-highlight { color: #F3C54D; }
.page-the-thao__hero-desc { color: #FFF1E8; font-size: 1rem; line-height: 1.6; margin-top: 8px; }
.page-the-thao__subsection { background-color: #2A1212; border: 1px solid #6A1E1E; border-radius: 8px; padding: 20px; margin: 16px auto; max-width: 1200px; width: 100%; }
.page-the-thao__section-title { color: #F3C54D; font-size: 1.5rem; margin: 0 0 10px 0; }
.page-the-thao__section-desc { color: #FFF1E8; line-height: 1.7; }
.page-the-thao__sports-grid-inner { max-width: 1200px; margin: 16px auto; width: 100%; display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; }
.page-the-thao__sports-card { background-color: #2A1212; border: 1px solid #6A1E1E; border-radius: 8px; max-width: 300px; width: 100%; display: flex; flex-direction: column; overflow: hidden; }
.page-the-thao__sports-card img { width: 100%; height: auto; aspect-ratio: 2 / 1; object-fit: cover; }
.page-the-thao__sports-info { padding: 15px; flex-grow: 1; }
.page-the-thao__sports-title { color: #F3C54D; font-size: 1.25rem; margin: 0 0 8px 0; }
.page-the-thao__sports-desc { color: #FFF1E8; font-size: 0.95rem; line-height: 1.5; }
.page-the-thao__sports-link { background: linear-gradient(180deg, #FFB04A 0%, #D86A14 100%); display: inline-block; margin-top: auto; margin: 16px 16px 16px; text-align: center; padding: 10px 15px; color: #140C0C; text-decoration: none; font-weight: 600; border-radius: 4px; }
.page-the-thao__features-section { background-color: #2A1212; padding: 30px 16px; }
.page-the-thao__features-inner { max-width: 1200px; margin: 0 auto; width: 100%; }
.page-the-thao__features-title { color: #F3C54D; font-size: 1.8rem; text-align: center; margin-top: 0; margin-bottom: 20px; }
.page-the-thao__features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.page-the-thao__feature-item { background-color: #3A1212; border: 1px solid #6A1E1E; border-radius: 8px; padding: 15px; }
.page-the-thao__feature-title { color: #F3C54D; font-size: 1.1rem; margin: 0 0 8px; }
.page-the-thao__feature-text { color: #FFF1E8; font-size: 0.95rem; line-height: 1.5; }
.page-the-thao__features-cta { background: linear-gradient(180deg, #FFB04A 0%, #D86A14 100%); display: block; max-width: 250px; margin: 20px auto 0; text-align: center; padding: 12px 20px; color: #140C0C; text-decoration: none; font-weight: 700; border-radius: 6px; }
.page-the-thao__guide-section { background-color: #140C0C; padding: 30px 16px; }
.page-the-thao__guide-title { text-align: center; color: #FFF1E8; margin-top: 0; }
.page-the-thao__guide-title--golden { color: #F3C54D; }
.page-the-thao__guide-desc { max-width: 800px; margin-top: 0; margin-bottom: 16px; margin-left: auto; margin-right: auto; color: #FFF1E8; }
.page-the-thao__guide-item { max-width: 800px; width: 100%; margin-left: auto; margin-right: auto; border: 1px solid #6A1E1E; background-color: #2A1212; border-radius: 4px; margin-bottom: 12px; }
.page-the-thao__guide-item summary { padding: 16px; color: #FFF1E8; font-weight: 500; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.page-the-thao__guide-item[open] summary { border-bottom: 1px solid #6A1E1E; }
.page-the-thao__guide-item p { color: #FFF1E8; padding: 12px; }
.page-the-thao__faq-indicator { color: #F3C54D; font-weight: 700; font-size: 1.2rem; }
.page-the-thao__guide-section--inline { background-color: #2A1212; padding: 10px 10; text-align: center; }
.page-the-thao__guide2-title { color: #FFF1E8; }
.page-the-thao__subsection2 { background-color: #2A1212; border: 1px solid #6A1E1E; border-radius: 8px; padding: 20px; margin: 20px auto; max-width: 1200px; width: 100%; }
.page-the-thao__section-title3 { color: #F3C54D; font-size: 1.5rem; margin-top: 0; }
.page-the-thao__section-desc2 { color: #FFF1E8; }

@media (max-width: 768px) {
 .page-the-thao__hero-image img { aspect-ratio: 2 / 1; }
 .page-the-thao__features-grid { display: grid; grid-template-columns: 1fr; }
 .page-the-thao__hero-content { margin-left: 16px; margin-right: 16px; }
 .page-the-thao__subsection, .page-the-thao__subsection2 { margin-left: 16px; margin-right: 16px; }
 .page-the-thao img { max-width: 100% !important; height: auto !important; }
 .page-the-thao__sports-card { max-width: 100%; }
 .page-the-thao__features-cta { max-width: 100%; box-sizing: border-box; white-space: normal; word-wrap: break-word; }
 .page-the-thao__guide-section { padding-left: 16px; padding-right: 16px; }
 .page-the-thao__features-cta, .page-the-thao__sports-link { max-width: 100%; box-sizing: border-box; }
 .page-the-thao__sports-grid-inner { gap: 16px; padding-left: 16px; padding-right: 16px; box-sizing: border-box; }
}