.page-index-huong-dan-the-thao__hero-section{display:flex;flex-direction:column;gap:16px;padding:12px 16px 0;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.page-index-huong-dan-the-thao__hero-image-wrap{width:100%;overflow:hidden;border-radius:12px}.page-index-huong-dan-the-thao__hero-image{display:block;width:100%;height:auto;aspect-ratio:17/5;object-fit:cover}.page-index-huong-dan-the-thao__hero-content{text-align:center;padding:8px 0 0;max-width:900px;margin:0 auto}.page-index-huong-dan-the-thao__hero-badge{display:inline-block;background:#017439;color:#fff;padding:8px 18px;border-radius:999px;font-weight:700;font-size:0.95rem;margin:0 0 14px}.page-index-huong-dan-the-thao__hero-title{color:#017439;font-weight:800;line-height:1.3;letter-spacing:-0.02em;max-width:820px;margin:0 auto 12px;font-size:clamp(1.45rem, 4vw, 2.4rem)}.page-index-huong-dan-the-thao__hero-subtitle{color:#333;font-size:1.08rem;line-height:1.7;max-width:760px;margin:0 auto 0}.page-index-huong-dan-the-thao__btn{display:inline-block;text-decoration:none;border-radius:999px;padding:14px 34px;font-weight:700;font-size:1.05rem;transition:opacity 0.3s}.page-index-huong-dan-the-thao__btn:hover{opacity:0.8}.page-index-huong-dan-the-thao__hero-content .page-index-huong-dan-the-thao__btn--primary{background:#C30808;color:#FFFF00;border:none;margin-top:16px}.page-index-huong-dan-the-thao__content-section{max-width:1100px;margin:44px auto;padding:0 16px}.page-index-huong-dan-the-thao__intro-card{display:flex;flex-direction:column;gap:12px;background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,0.05)}.page-index-huong-dan-the-thao__intro-badge{display:flex;align-items:center;gap:8px}.page-index-huong-dan-the-thao__intro-badge-icon{font-size:1.4rem}.page-index-huong-dan-the-thao__intro-badge-text{font-weight:700;color:#017439}.page-index-huong-dan-the-thao__intro-title{font-size:1.8rem;color:#017439;font-weight:800;line-height:1.2;letter-spacing:-0.01em;max-width:900px}.page-index-huong-dan-the-thao__intro-text{font-size:1.05rem;line-height:1.8;color:#333}.page-index-huong-dan-the-thao__guide-section{max-width:1200px;margin:0 auto 40px;padding:0 16px}.page-index-huong-dan-the-thao__guide-inner{max-width:1120px;margin:0 auto}.page-index-huong-dan-the-thao__guide-title{text-align:center;color:#017439;font-size:1.8rem;font-weight:800;margin:0 0 28px;letter-spacing:-0.02em}.page-index-huong-dan-the-thao__guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.page-index-huong-dan-the-thao__guide-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:14px;padding:24px 20px;transition:transform .2s}.page-index-huong-dan-the-thao__guide-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,0.08)}.page-index-huong-dan-the-thao__guide-icon{font-size:2.2rem;line-height:1;margin-bottom:12px}.page-index-huong-dan-the-thao__guide-card h3{color:#017439;font-size:1.25rem;font-weight:700;margin:0 0 8px}.page-index-huong-dan-the-thao__guide-card p{color:#333;font-size:0.98rem;line-height:1.6;margin:0}.page-index-huong-dan-the-thao__tips-section{background:linear-gradient(180deg, #f7faf9 0%, #ffffff 100%);border-top:1px solid #e6ede9;border-bottom:1px solid #e2e8f0}.page-index-huong-dan-the-thao__tips-inner{max-width:1200px;margin:0 auto;padding:56px 16px}.page-index-huong-dan-the-thao__tips-title{text-align:center;color:#017439;font-size:1.8rem;font-weight:800;margin:0 0 40px}.page-index-huong-dan-the-thao__tips-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;max-width:1100px;margin:0 auto}.page-index-huong-dan-the-thao__tips-text p{color:#333;line-height:1.7}.page-index-huong-dan-the-thao__tips-text ul{list-style:none;padding:0;margin:20px 0 0}.page-index-huong-dan-the-thao__tips-text li{position:relative;padding:0 0 12px 24px;font-size:1rem;color:#333;line-height:1.7}.page-index-huong-dan-the-thao__tips-text li::before{content:"✓";color:#2d6a4f}.page-index-huong-dan-the-thao__tips-text strong{color:#017439}.page-index-huong-dan-the-thao__tips-media{width:100%;border-radius:14px;overflow:hidden}.page-index-huong-dan-the-thao__tips-image{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.page-index-huong-dan-the-thao__guide-table-wrapper{max-width:1000px;margin:44px auto;padding:0 16px}.page-index-huong-dan-the-thao__table-title{color:#017439;font-size:1.6rem;font-weight:800;text-align:center;margin-bottom:24px}.page-index-huong-dan-the-thao__table-container{overflow-x:auto}.page-index-huong-dan-the-thao__table-container table{width:100%;border-collapse:collapse;background-color: #fff}.page-index-huong-dan-the-thao__table-container th{background-color:#017439;color:#fff;padding:12px;text-align:left}.page-index-huong-dan-the-thao__table-container td{padding:12px;border-bottom:1px solid #f0f5f2}.page-index-huong-dan-the-thao__table-container tr:nth-child(even){background:#f8fdf9}.page-index-huong-dan-the-thao__btn--dark{background:#C30808;color:#FFFF00;display:inline-block;padding:14px 24px;border:none;cursor:pointer}.page-index-huong-dan-the-thao__btn--dark:hover{background:#b30808}.page-index-huong-dan-the-thao__btn--light{background:#017439;color:#fff;border:1px solid #fff;cursor:pointer}.page-index-huong-dan-the-thao__btn-group{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.page-index-huong-dan-the-thao__cta-section{background:#017439;padding:32px 0}.page-index-huong-dan-the-thao__cta-inner{max-width:900px;margin:30px auto;padding:0 16px;text-align:center}.page-index-huong-dan-the-thao__cta-message{color:#fff;font-weight:700;font-size:1.2rem}.page-index-huong-dan-the-thao__cta-section .page-index-huong-dan-the-thao__btn-group{margin-top:12px}.page-index-huong-dan-the-thao__cta-section .page-index-huong-dan-the-thao__btn{width:auto}.page-index-huong-dan-the-thao__hero-title strong{color:#C30808}.page-index-huong-dan-the-thao__btn--primary:focus-visible{outline:2px solid #017439}.page-index-huong-dan-the-thao__btn--dark:focus-visible,.page-index-huong-dan-the-thao__cta-section .page-index-huong-dan-the-thao__btn:focus-visible{outline:2px solid #ffff00}.page-index-huong-dan-the-thao__guide-card:focus-within{outline:2px solid #017439}.page-index-huong-dan-the-thao__table-container table tr:last-child td{border-bottom:none}.page-index-huong-dan-the-thao__btn-group a{min-width:200px}.page-index-huong-dan-the-thao__hero-title strong{font-weight:800}.page-index-huong-dan-the-thao__guide-card h3,.page-index-huong-dan-the-thao__tips-title,.page-index-huong-dan-the-thao__table-title,.page-index-huong-dan-the-thao__intro-title{letter-spacing:0}.page-index-huong-dan-the-thao{color:#333}.page-index-huong-dan-the-thao__btn--dark,.page-index-huong-dan-the-thao__btn--primary{box-shadow:0 1px 3px rgba(255,255,0,0.5)}.page-index-huong-dan-the-thao__hero-content .page-index-huong-dan-the-thao__btn--primary,.page-index-huong-dan-the-thao__btn--dark{line-height:1.2}.page-index-huong-dan-the-thao__section-title{border-left:4px solid;padding-left:12px}@media (max-width:768px){.page-index-huong-dan-the-thao__hero-section{padding:12px 12px 0}.page-index-huong-dan-the-thao__hero-image{aspect-ratio:16/9}.page-index-huong-dan-the-thao__hero-content{padding:4px 0 0}.page-index-huong-dan-the-thao__hero-title{font-size:clamp(1.3rem, 5vw, 1.7rem)}.page-index-huong-dan-the-thao__hero-subtitle{font-size:0.98rem}.page-index-huong-dan-the-thao__btn{display:block;width:100%;margin:4px 0;text-align:center}.page-index-huong-dan-the-thao__intro-card{padding:16px}.page-index-huong-dan-the-thao__intro-title{font-size:1.4rem}.page-index-huong-dan-the-thao__intro-text{font-size:1rem}.page-index-huong-dan-the-thao__guide-title{font-size:1.4rem}.page-index-huong-dan-the-thao__guides-grid{grid-template-columns:1fr}.page-index-huong-dan-the-thao__tips-title{font-size:1.4rem;margin-bottom:28px}.page-index-huong-dan-the-thao__tips-layout{grid-template-columns:1fr}.page-index-huong-dan-the-thao__tips-text{padding:0 0 12px}.page-index-huong-dan-the-thao__tips-image{max-width:100%;height:auto}.page-index-huong-dan-the-thao__table-container table,.page-index-huong-dan-the-thao__table-container tbody,.page-index-huong-dan-the-thao__table-container tr{width:100%;border-collapse:collapse}.page-index-huong-dan-the-thao__table-container td,.page-index-huong-dan-the-thao__table-container th.first{display:none}.page-index-huong-dan-the-thao__table-container td{display:block}.page-index-huong-dan-the-thao__btn-group{flex-direction:column}.page-index-huong-dan-the-thao__btn--dark,.page-index-huong-dan-the-thao__btn--light{width:100%;box-sizing:border-box}.page-index-huong-dan-the-thao__guide-card{padding:20px}.page-index-huong-dan-the-thao__hero-image{width:100%}.page-index-huong-dan-the-thao img{max-width:100%;height:auto}.page-index-huong-dan-the-thao{overflow-x:hidden}.page-index-huong-dan-the-thao__btn--dark,.page-index-huong-dan-the-thao__btn--light{max-width:100%;box-sizing:border-box}.page-index-huong-dan-the-thao__btn--dark,.page-index-huong-dan-the-thao__btn--light{white-space:normal;word-wrap:break-word}.page-index-huong-dan-the-thao__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-index-huong-dan-the-thao__hero-content .page-index-huong-dan-the-thao__btn--primary{max-width:100%}}