.page-the-thao{background-color:#08160F;color:#F2FFF6;min-height:100vh;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;}
.page-the-thao__hero{padding:10px 16px 0;background:linear-gradient(180deg, #08160F 0%, #08160F 85%, #11271B 100%);}
.page-the-thao__hero-inner{display:flex;flex-direction:column;align-items:center;margin:0 auto;max-width:1200px;width:100%;box-sizing:border-box;}
.page-the-thao__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:12px;box-shadow:0 4px 24px rgba(87,227,141,0.15);}
.page-the-thao__hero-content{text-align:center;padding:20px 12px 28px;width:100%;max-width:100%;}
.page-the-thao__hero-title{color:#F2FFF6;font-weight:800;line-height:1.2;letter-spacing:0.01em;max-width:900px;margin:0 auto 14px;font-size:clamp(1.6rem, 3vw, 2.4rem);text-shadow:0 2px 8px rgba(0,0,0,0.4);}
.page-the-thao__hero-subtitle{color:#A7D9B8;font-size:clamp(0.95rem, 1.2vw, 1.1rem);max-width:900px;margin:6px auto 0;line-height:1.6;}
.page-the-thao__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px;width:100%;box-sizing:border-box;}
.page-the-thao__btn{display:inline-block;padding:12px 30px;border-radius:999px;font-weight:700;font-size:1rem;text-decoration:none;transition:transform .2s ease, box-shadow .2s ease;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;}
.page-the-thao__btn--primary{background:linear-gradient(180deg, #2AD16F 0%, #13994A 100%);color:#08160F;border:1px solid #57E38D;box-shadow:0 4px 16px rgba(87,227,141,0.3);}
.page-the-thao__btn--secondary{background:transparent;color:#F2FFF6;border:1px solid #2E7A4E;}
.page-the-thao__btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(87,227,141,0.3);}
.page-the-thao__btn--secondary:hover{border-color:#57E38D;}
.page-the-thao__logo-grid{max-width:1200px;margin:24px auto 48px;padding:36px 20px;background-color:#11271B;border-radius:16px;border:1px solid #1E3A2A;box-sizing:border-box;}
.page-the-thao__section-title{color:#F2FFF6;font-size:clamp(1.5rem, 2.5vw, 2rem);text-align:center;margin:16px 0 12px;letter-spacing:0.01em;font-weight:700;}
.page-the-thao__section-description{color:#A7D9B8;font-size:1rem;text-align:center;max-width:800px;margin:0 auto 32px;}
.page-the-thao__logo-list{display:grid;grid-template-columns:repeat(4, 1fr);gap:24px 20px;justify-items:center;align-items:start;width:100%;}
.page-the-thao__logo-item{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 12px;background:#08160F;border-radius:12px;border:1px solid #2E7A4E;width:100%;max-width:280px;box-sizing:border-box;transition:border-color .3s ease;}
.page-the-thao__logo-item:hover{border-color:#57E38D;}
.page-the-thao__logo-image{width:100%;aspect-ratio:3/1;object-fit:contain;display:block;}
.page-the-thao__logo-cta{display:inline-block;padding:10px 24px;border-radius:999px;background:linear-gradient(180deg, #2AD16F 0%, #13994A 100%);color:#08160F;font-weight:700;font-size:0.9rem;text-decoration:none;transition:transform .2s ease;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center;}
.page-the-thao__logo-cta:hover{transform:translateY(-2px);}
.page-the-thao__logo-grid .page-the-thao__logo-item:nth-child(5){grid-column:2 / 3;}
.page-the-thao__logo-grid .page-the-thao__logo-item:nth-child(6){grid-column:3 / 4;}
.page-the-thao__guide-section{background-color:#08160F;padding:16px 16px 60px;}
.page-the-thao__guide-inner{max-width:1000px;margin:0 auto;width:100%;}
.page-the-thao__guide-title{color:#F2FFF6;text-align:center;font-size:clamp(1.6rem, 2.5vw, 2.2rem);font-weight:800;margin-bottom:20px;}
.page-the-thao__guide-content article, .page-the-thao__guide-content > figure{margin-bottom:36px;background-color:#11271B;padding:24px;border-radius:12px;border:1px solid #1E3A2A;box-sizing:border-box;}
.page-the-thao__guide-figure img{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;border-radius:8px;}
.page-the-thao__heading{color:#F2FFF6;font-size:1.3rem;font-weight:700;margin:0 0 14px;}
.page-the-thao__guide-content p{color:#A7D9B8;line-height:1.7;font-size:1rem;margin:0 0 16px;}
.page-the-thao__guide-content p:last-child{margin-bottom:0;}
.page-the-thao__guide-content a{color:#57E38D;text-decoration:underline;word-break:break-word;}
.page-the-thao__guide-content a:hover{color:#F2FFF6;}
.page-the-thao__guide-content details{margin-bottom:12px;padding:12px 0;border-bottom:1px dashed #2E7A4E;}
.page-the-thao__guide-content details:last-of-type{border-bottom:none;}
.page-the-thao__guide-content summary{cursor:pointer;font-weight:600;color:#F2FFF6;display:flex;justify-content:space-between;align-items:center;gap:12px;}
.page-the-thao__guide-content summary::-webkit-details-marker{display:none;}
.page-the-thao__faq-icon{display:inline-block;font-size:1.5rem;line-height:1;color:#57E38D;}
.page-the-thao__guide-content details[open] .page-the-thao__faq-icon{color:#F2C14E;}
.page-the-thao__guide-content details .page-the-thao__guide-content p{margin-top:10px;}
.page-the-thao__guide-content details[open] summary{color:#F2FFF6;}
.page-the-thao__guide-navigation{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:36px;width:100%;box-sizing:border-box;}
@media (max-width: 1024px){
  .page-the-thao__logo-list{grid-template-columns:repeat(3, 1fr);gap:16px;}
  .page-the-thao__logo-grid .page-the-thao__logo-item:nth-child(4){grid-column:auto;}
  .page-the-thao__logo-grid .page-the-thao__logo-item:nth-child(5){grid-column:auto;}
  .page-the-thao__logo-grid .page-the-thao__logo-item:nth-child(6){grid-column:auto;}
}
@media (max-width: 768px){
  .page-the-thao__hero{padding-top:10px;padding-left:10px;padding-right:10px;}
  .page-the-thao__hero-image{aspect-ratio:2/1;width:100%;height:auto;}
  .page-the-thao__hero-title{font-size:clamp(1.3rem, 5vw, 1.8rem);}
  .page-the-thao__hero-actions{flex-direction:column;align-items:center;}
  .page-the-thao__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center;}
  .page-the-thao__logo-grid{padding:24px 12px;}
  .page-the-thao__logo-list{grid-template-columns:repeat(2,1fr);gap:16px;}
  .page-the-thao__logo-item{max-width:100%;}
  .page-the-thao__logo-grid .page-the-thao__logo-item:nth-child(5){grid-column:auto;}
  .page-the-thao__logo-grid .page-the-thao__logo-item:nth-child(6){grid-column:auto;}
  .page-the-thao__logo-image{max-width:100%;height:auto;}
  .page-the-thao__guide-content article, .page-the-thao__guide-content > figure{padding:16px;}
  .page-the-thao__guide-figure img{max-width:100% !important;height:auto !important;aspect-ratio:auto;}
  .page-the-thao img{max-width:100%;height:auto;}
  .page-the-thao__guide-content p{font-size:0.95rem;}
  .page-the-thao__guide-content a{word-break:break-word;max-width:100%;}
  .page-the-thao__guide-navigation{flex-direction:column;width:100%;max-width:100%;box-sizing:border-box;}
  .page-the-thao__guide-navigation .page-the-thao__btn{width:100%;box-sizing:border-box;text-align:center;}
}