.page-the-thao{background-color:#0D0E12;color:#FFF3E6}
.page-the-thao__hero-section{background-color:#17191F;padding-top:10px}
.page-the-thao__hero-image{margin:0}
.page-the-thao__hero-image img{display:block;width:100%;height:auto;aspect-ratio:1020/300;object-fit:cover;max-width:1020px;margin:0 auto}
.page-the-thao__hero-content{max-width:1020px;margin:0 auto;padding:24px 16px;text-align:center}
.page-the-thao__hero-content h1{color:#FFF3E6;font-weight:800;line-height:1.3;letter-spacing:-0.02em;margin:0 0 12px}
.page-the-thao__hero-content p{color:#FFB04D;line-height:1.6;margin:0 0 20px}
.page-the-thao__hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}
.page-the-thao__cta-button{display:inline-block;background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#0D0E12;font-weight:700;text-decoration:none;padding:12px 24px;border-radius:8px;white-space:normal;word-wrap:break-word;transition:opacity .2s,.transform .2s;border:2px solid #A84F0C;min-width:180px;text-align:center}
.page-the-thao__cta-button:hover{opacity:.85}
.page-the-thao__logo-section{background-color:#17191F;border-top:1px solid #A84F0C;border-bottom:1px solid #A84F0C;padding:32px 16px}
.page-the-thao__section-intro{text-align:center;max-width:800px;margin:0 auto 24px}
.page-the-thao__section-intro h2{color:#FFF3E6;font-weight:700;margin:0 0 12px}
.page-the-thao__section-intro p{color:#FFB04D;line-height:1.6;margin:0}
.page-the-thao__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center;max-width:1200px;margin:0 auto;width:100%}
.page-the-thao__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px;width:100%}
.page-the-thao__logo-item a{display:block;width:100%;text-decoration:none}
.page-the-thao__logo-item img{width:100%;aspect-ratio:2/1;object-fit:contain;max-width:280px;height:auto}
.page-the-thao__logo-item:nth-child(5){grid-column:2}
.page-the-thao__logo-item:nth-child(6){grid-column:3}
.page-the-thao__guide-section{background-color:#17191F}
.page-the-thao__guide-inner{max-width:1000px;margin:0 auto;padding:16px 16px 48px}
.page-the-thao__guide-inner>h2{text-align:center;color:#FFB04D;font-weight:800;letter-spacing:-0.01em;margin:0 0 8px}
.page-the-thao__guide-lead{text-align:center;line-height:1.6;max-width:760px;margin:0 auto 24px}
.page-the-thao__guide-item{background-color:#0D0E12;border:1px solid #A84F0C;padding:24px;margin-top:24px;border-radius:8px}
.page-the-thao__guide-item h3{color:#FFA53A;font-weight:700;margin:0 0 16px}
.page-the-thao__guide-item p{line-height:1.6;margin:0 0 12px}
.page-the-thao__guide-item ul,.page-the-thao__guide-item ol{margin:0 0 12px;padding-left:20px;line-height:1.8}
.page-the-thao__guide-item li{color:#FFF3E6;margin-bottom:6px}
.page-the-thao__guide-item li::marker{color:#FF8C1A}
.page-the-thao__guide-figure{margin:16px 0;padding:0}
.page-the-thao__guide-figure img{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;display:block;border-radius:8px;height:auto}
.page-the-thao__faq-container{margin-top:24px}
.page-the-thao__faq-container>h3{color:#FFA53A;font-weight:700;margin:0 0 16px}
.page-the-thao__faq-item{background-color:#0D0E12;border:1px solid #A84F0C;border-radius:8px;margin-bottom:12px}
.page-the-thao__faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font-weight:600;color:#FFF3E6}
.page-the-thao__faq-item summary::-webkit-details-marker{display:none}
.page-the-thao__faq-item summary:hover{background-color:#1a1c24}
.page-the-thao__faq-item p{padding:0 20px 16px;margin:0;line-height:1.6;color:#D0DDE7}
.page-the-thao__faq-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#FFA53A;color:#0D0E12;border-radius:50%;font-weight:700;flex-shrink:0}
.page-the-thao__faq-item[open] .page-the-thao__faq-icon{background:#D96800}
@media (max-width:1024px){
.page-the-thao__logo-grid{grid-template-columns:repeat(3,1fr)}
.page-the-thao__logo-item:nth-child(5){grid-column:auto}
.page-the-thao__logo-item:nth-child(6){grid-column:auto}
}
@media (max-width:768px){
.page-the-thao__hero-section{padding-top:10px}
.page-the-thao__hero-image img{aspect-ratio:2/1}
.page-the-thao__logo-grid{grid-template-columns:repeat(2,1fr)}
.page-the-thao__logo-item:nth-child(5),.page-the-thao__logo-item:nth-child(6){grid-column:auto}
.page-the-thao__guide-figure{width:100%}
.page-the-thao img{max-width:100%!important;height:auto!important}
.page-the-thao__hero-actions{flex-direction:column;align-items:stretch}
.page-the-thao__cta-button{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-the-thao__guide-item{padding:16px}
}
@media (max-width:480px){
.page-the-thao__hero-content{padding:16px}
.page-the-thao__hero-content h1{font-size:clamp(1.4rem,4vw,2rem)}
.page-the-thao__guide-inner{padding:12px 12px 40px}
}