.sport-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}
.sport-chip{font-family:var(--font-meta);font-size:.8rem;padding:.45rem 1rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-elevated);color:var(--text);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.sport-chip:hover{border-color:var(--accent)}
.sport-chip.is-active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.sport-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:2rem}
@media(min-width:640px){.sport-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:780px){.sport-grid{grid-template-columns:repeat(3,1fr)}}
.sport-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:transform .2s,box-shadow .2s,border-color .2s}
.sport-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--accent)}
.meta-tag{display:inline-block;font-family:var(--font-meta);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gold);margin-bottom:.5rem}
.verify{font-family:var(--font-meta);font-size:.72rem;color:var(--muted);background:rgba(139,154,91,.14);padding:.1rem .4rem;border-radius:6px}
.tabs{margin-bottom:2rem}
.tab-bar{display:flex;flex-wrap:wrap;gap:.25rem;border-bottom:2px solid var(--border);margin-bottom:1.25rem}
.tab-btn{font-family:var(--font-display);font-size:1rem;background:none;border:none;border-bottom:3px solid transparent;padding:.7rem 1rem;cursor:pointer;color:var(--muted);margin-bottom:-2px}
.tab-btn:hover{color:var(--text)}
.tab-btn.is-active{color:var(--accent);border-bottom-color:var(--accent)}
.tab-panel{display:none}
.tab-panel.is-active{display:block}
.seg-control{display:inline-flex;gap:.25rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:.25rem;margin-bottom:1.25rem}
.seg-btn,.platform-btn,.pill-toggle{font-family:var(--font-meta);font-size:.85rem;border:none;background:none;padding:.5rem 1.1rem;border-radius:999px;cursor:pointer;color:var(--text)}
.seg-btn.is-active,.platform-btn.is-active,.pill-toggle.is-active{background:var(--accent);color:var(--on-accent)}
.seg-panel,.platform-panel{display:none}
.seg-panel.is-active,.platform-panel.is-active{display:block}
.platform-toggle{display:inline-flex;gap:.25rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:.25rem;margin-bottom:1.25rem}
.faq-list{margin-bottom:2rem}
.faq-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;background:var(--bg-elevated);overflow:hidden}
.faq-trigger{width:100%;text-align:left;background:none;border:none;padding:1rem 1.25rem;font-family:var(--font-display);font-size:1.05rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--text)}
.faq-trigger:hover{background:rgba(224,90,56,.05)}
.acc-icon{font-family:var(--font-meta);color:var(--accent);transition:transform .2s;flex-shrink:0}
.faq-item.is-open .faq-trigger .acc-icon{transform:rotate(45deg)}
.faq-body{display:none;padding:0 1.25rem 1.25rem;color:var(--muted);word-break:break-word;overflow-wrap:break-word}
.faq-item.is-open .faq-body{display:block}
.accordion-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;background:var(--bg-elevated)}
.accordion-trigger,.terms-trigger{width:100%;text-align:left;background:none;border:none;padding:1rem 1.25rem;font-family:var(--font-display);font-size:1.05rem;cursor:pointer;color:var(--text);display:flex;justify-content:space-between;gap:1rem}
.accordion-body{display:none;padding:0 1.25rem 1.25rem;color:var(--muted);word-break:break-word;overflow-wrap:break-word}
.accordion-item.is-open .accordion-body{display:block}
.checklist-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;background:var(--bg-elevated)}
.checklist-trigger{width:100%;text-align:left;background:none;border:none;padding:1rem 1.25rem;font-family:var(--font-display);cursor:pointer;color:var(--text);display:flex;justify-content:space-between;gap:1rem}
.checklist-body{display:none;padding:0 1.25rem 1.25rem;color:var(--muted)}
.checklist-item.is-expanded .checklist-body{display:block}
details{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;background:var(--bg-elevated);padding:0}
details summary{padding:1rem 1.25rem;cursor:pointer;font-family:var(--font-display);font-size:1.05rem;list-style:none}
details summary::-webkit-details-marker{display:none}
details summary:hover{background:rgba(224,90,56,.05)}
details[open] summary{border-bottom:1px solid var(--border)}
details .details-body{padding:1rem 1.25rem;color:var(--muted)}
.dense-list{list-style:none;padding:0;margin:0 0 2rem}
.dense-list li{display:block}
.dense-list__marker{display:block;font-weight:600;color:var(--accent);margin-bottom:.5rem}
.dense-list li+li{border-top:1px solid var(--border);padding-top:1.5rem;margin-top:1.5rem}
.timeline{position:relative;padding-left:2rem;margin-bottom:2rem}
.timeline::before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:var(--border)}
.timeline-item{position:relative;padding-bottom:1.75rem}
.timeline-item::before{content:"";position:absolute;left:-1.7rem;top:.3rem;width:14px;height:14px;border-radius:50%;background:var(--gold);border:3px solid var(--bg);transition:transform .2s}
.timeline-item:hover::before{transform:scale(1.3);background:var(--accent)}
.timeline-item__time{font-family:var(--font-meta);font-size:.75rem;color:var(--muted)}
.timeline-item__title{font-family:var(--font-display);font-size:1.1rem;margin:.25rem 0}
.step-rail{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}
@media(min-width:780px){.step-rail{grid-template-columns:repeat(3,1fr)}}
.step-rail__item,.flow-step,.step-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:transform .2s,box-shadow .2s,border-color .2s}
.step-rail__item:hover,.flow-step:hover,.step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.step-rail__item.is-active-step,.flow-step.is-active-step{border-color:var(--accent);box-shadow:0 0 0 2px rgba(224,90,56,.25)}
.step-num{font-family:var(--font-meta);font-size:1.5rem;color:var(--gold);font-weight:500}
.flow{display:grid;gap:1rem;margin-bottom:2rem}
.event-list{margin-bottom:2rem}
.event-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;justify-content:space-between;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:.75rem;transition:background .2s,border-color .2s}
.event-row:hover{background:rgba(224,90,56,.05);border-color:var(--accent)}
.event-row__time{font-family:var(--font-meta);font-size:.8rem;color:var(--muted)}
.live-badge{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-meta);font-size:.72rem;text-transform:uppercase;color:var(--accent-strong)}
.live-dot{width:9px;height:9px;border-radius:50%;background:var(--accent)}
.js-ready .live-dot{animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(224,90,56,.5)}50%{box-shadow:0 0 0 6px rgba(224,90,56,0)}}
.live-legend{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:2rem;font-family:var(--font-meta);font-size:.8rem}
.promo-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:2rem}
@media(min-width:640px){.promo-grid{grid-template-columns:repeat(2,1fr)}}
.promo-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 1.25rem 1.25rem;border-top:4px solid var(--accent);transition:transform .2s,box-shadow .2s}
.promo-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.feature-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:2rem}
@media(min-width:640px){.feature-grid{grid-template-columns:repeat(2,1fr)}}
.feature-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:border-color .2s,transform .2s}
.feature-card:hover{border-color:var(--gold);transform:translateY(-3px)}
.app-mockup{background:var(--pitch);border-radius:24px;padding:1.25rem;border:8px solid var(--pitch);box-shadow:var(--shadow);max-width:300px;margin:0 auto;color:var(--on-pitch-muted)}
.app-mockup *{color:inherit}
.app-mockup__screen{background:var(--bg);border-radius:14px;min-height:380px;padding:1rem;color:var(--text)}
.app-mockup__screen *{color:var(--text)}
.compare-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:2rem}
@media(min-width:640px){.compare-grid{grid-template-columns:repeat(2,1fr)}}
.compare-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:transform .2s,box-shadow .2s}
.compare-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.compare-card--official{border-color:var(--accent);border-width:2px}
.principle-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:2rem}
@media(min-width:640px){.principle-grid{grid-template-columns:repeat(2,1fr)}}
.principle-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:box-shadow .2s}
.principle-card:hover{box-shadow:var(--shadow)}
.principle-card__num{font-family:var(--font-display);font-size:2rem;color:var(--gold)}
.resource-card{display:block;background:var(--bg-elevated);border:1px solid var(--border);border-left:4px solid var(--gold);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;text-decoration:none}
.resource-card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.feature-row{padding:.85rem 1rem;border-radius:8px;transition:background .2s}
.feature-row:hover{background:rgba(139,154,91,.12)}
.value-aside{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:box-shadow .2s}
.value-aside:hover{box-shadow:var(--shadow)}
.policy-table tr:hover,.preference-table tr:hover{background:rgba(224,90,56,.05)}
.preference-table td:hover{background:rgba(139,154,91,.1)}
.category-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;transition:border-color .2s}
.category-card:hover{border-color:var(--accent)}
.toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(20px);background:var(--pitch);color:var(--on-pitch-muted);padding:.75rem 1.25rem;border-radius:999px;font-family:var(--font-meta);font-size:.85rem;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:2000}
.toast.is-shown{opacity:1;transform:translateX(-50%) translateY(0)}
.step-counter-badge{font-family:var(--font-meta);font-size:2.5rem;color:var(--accent);font-weight:500}
@media print{.sticky-subnav,.scroll-progress,.app-mockup{display:none}}