.chip-bar{display:flex;flex-wrap:wrap;gap:0.6rem;margin-bottom:1.5rem}
.sport-chip{font-family:var(--font-meta);font-size:0.8rem;padding:0.5rem 1rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-elevated);backdrop-filter:blur(16px);color:var(--text);cursor:pointer;transition:all 0.2s ease}
.sport-chip:hover{border-color:var(--accent)}
.sport-chip.is-active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.card-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:2rem}
@media(min-width:640px){.card-grid{grid-template-columns:1fr 1fr}}
@media(min-width:780px){.card-grid--3{grid-template-columns:repeat(3,1fr)}}
.glass-card{background:var(--bg-elevated);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);transition:transform 0.25s ease,box-shadow 0.25s ease}
.glass-card:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(15,28,46,0.14)}
.league-card{border-left:3px solid var(--gold)}
.league-card:hover{transform:translateY(-5px)}
.comparison-card{border-top:3px solid var(--accent)}
.tablist{display:flex;flex-wrap:wrap;gap:0.5rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem}
.tab-btn{font-family:var(--font-display);font-weight:600;font-size:0.95rem;padding:0.7rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer}
.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;flex-wrap:wrap;gap:0.3rem;background:var(--bg-elevated);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:999px;padding:0.3rem;margin-bottom:1.5rem}
.seg-btn{font-family:var(--font-meta);font-size:0.8rem;padding:0.45rem 0.9rem;border:none;background:none;border-radius:999px;color:var(--text);cursor:pointer}
.seg-btn.is-active{background:var(--accent);color:var(--on-accent)}
.seg-panel{display:none}
.seg-panel.is-active{display:block}
.tag-btn{font-family:var(--font-meta);font-size:0.8rem;padding:0.45rem 0.9rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-elevated);color:var(--text);cursor:pointer}
.tag-btn.is-active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.table-scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:2rem;border-radius:var(--radius)}
.table-scroll-x table{width:100%;border-collapse:collapse;min-width:520px;background:var(--bg-elevated);backdrop-filter:blur(16px)}
.table-scroll-x th,.table-scroll-x td{padding:0.7rem 0.9rem;text-align:left;border-bottom:1px solid var(--border);font-size:0.9rem}
.table-scroll-x th{font-family:var(--font-meta);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted)}
.table-scroll-x tbody tr:nth-child(odd){background:rgba(255,255,255,0.4)}
.table-scroll-x tbody tr:hover{background:rgba(0,194,168,0.08)}
.points-badge{display:inline-block;font-family:var(--font-meta);font-weight:600;background:var(--gold);color:#3a2a05;padding:0.15rem 0.6rem;border-radius:999px;font-size:0.8rem}
.faq-item{background:var(--bg-elevated);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:0.75rem;overflow:hidden}
.faq-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.25rem;background:none;border:none;font-family:var(--font-display);font-weight:600;font-size:1rem;color:var(--text);cursor:pointer;text-align:left}
.acc-icon{font-size:1.3rem;color:var(--accent);transition:transform 0.25s ease;flex-shrink:0;margin-left:1rem}
.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}
.accordion-item{background:var(--bg-elevated);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:0.75rem}
.accordion-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.25rem;background:none;border:none;font-family:var(--font-display);font-weight:600;color:var(--text);cursor:pointer;text-align:left}
.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{background:var(--bg-elevated);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:0.75rem}
.checklist-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.25rem;background:none;border:none;font-family:var(--font-display);font-weight:600;color:var(--text);cursor:pointer;text-align:left}
.checklist-body{display:none;padding:0 1.25rem 1.25rem;color:var(--muted)}
.checklist-item.is-expanded .checklist-body{display:block}
.timeline{position:relative;padding-left:2rem;margin-bottom:2rem}
.timeline::before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:var(--accent)}
.timeline-item{position:relative;padding:0 0 1.5rem 0}
.timeline-item::before{content:"";position:absolute;left:-1.75rem;top:0.3rem;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--bg)}
.step-timeline{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem;counter-reset:step}
@media(min-width:780px){.step-timeline{flex-direction:row}}
.step-card{flex:1;position:relative;background:var(--bg-elevated);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;counter-increment:step}
.step-card::before{content:counter(step);display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-family:var(--font-display);font-weight:700;margin-bottom:0.75rem}
.flow-diagram{display:flex;flex-direction:column;gap:1rem;align-items:stretch;margin-bottom:2rem}
@media(min-width:780px){.flow-diagram{flex-direction:row;align-items:center}}
.flow-card{flex:1;text-align:center;background:var(--bg-elevated);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}
.flow-arrow{text-align:center;color:var(--accent);font-size:1.5rem}
.ticker{overflow:hidden;background:var(--pitch);color:var(--text-light);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:1.5rem;white-space:nowrap}
.ticker *{color:inherit}
.ticker__track{display:inline-block;padding:0.7rem 0;animation:ticker 22s linear infinite}
.ticker.is-paused .ticker__track{animation-play-state:paused}
.ticker__item{display:inline-block;font-family:var(--font-meta);font-size:0.85rem;padding:0 1.5rem;border-right:1px solid rgba(255,255,255,0.15)}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.live-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ff4d4d;margin-right:0.5rem;animation:pulse 1.4s ease infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,77,77,0.6)}70%{box-shadow:0 0 0 10px rgba(255,77,77,0)}100%{box-shadow:0 0 0 0 rgba(255,77,77,0)}}
.scorer-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.scorer-rank{font-family:var(--font-display);font-weight:700;width:28px;text-align:center;color:var(--muted)}
.scorer-row:nth-child(-n+3) .scorer-rank{color:var(--gold);text-shadow:0 0 8px rgba(232,168,56,0.5)}
.scorer-info{flex:1}
.scorer-bar{height:10px;background:rgba(232,168,56,0.18);border-radius:999px;overflow:hidden;margin-top:0.3rem}
.scorer-bar__fill{height:100%;width:0;background:var(--gold);border-radius:999px;transition:width 1s ease}
.avatar-ring{width:56px;height:56px;border-radius:50%;padding:3px;background:var(--gold);display:flex;align-items:center;justify-content:center}
.avatar-ring img,.avatar-ring span{width:100%;height:100%;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700}
.roster-card{display:flex;align-items:center;gap:1rem}
.method-card{cursor:pointer;border:1px solid var(--border)}
.method-card.is-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
.method-panel{display:none}
.method-panel.is-active{display:block}
.phone-frame{max-width:280px;margin:0 auto;border:10px solid var(--pitch);border-radius:32px;overflow:hidden;background:var(--bg-elevated);aspect-ratio:9/18;box-shadow:var(--shadow);transition:transform 0.2s ease}
.gov-card{display:block;border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;background:var(--bg-elevated);backdrop-filter:blur(16px);text-decoration:none;transition:border-color 0.2s ease,transform 0.2s ease}
.gov-card:hover{border-color:var(--accent);transform:translateY(-3px)}
.pull-quote{font-family:var(--font-display);font-size:1.3rem;line-height:1.5;border-left:4px solid var(--gold);padding:1rem 1.5rem;background:var(--bg-elevated);backdrop-filter:blur(16px);border-radius:var(--radius);margin-bottom:2rem;word-break:break-word;overflow-wrap:break-word}
.dense-list{list-style:none;padding:0;margin:0 0 2rem}
.dense-list li{display:block;padding:1rem 0}
.dense-list li+li{border-top:1px solid var(--border);padding-top:1.5rem}
.dense-list__marker{display:block;font-weight:600;color:var(--accent);margin-bottom:0.5rem}
.clause-card{border-left:4px solid var(--accent);padding:1rem 1.25rem;background:var(--bg-elevated);backdrop-filter:blur(16px);border-radius:var(--radius);margin-bottom:1rem}
.cal-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--bg-elevated);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);padding:0.75rem 1rem;margin-bottom:1.5rem}
.cal-stage-label{font-family:var(--font-meta);font-weight:600;color:var(--accent)}
.cal-prev,.cal-next{font-family:var(--font-meta);padding:0.5rem 1rem;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text);cursor:pointer}
.toc-layout{display:grid;grid-template-columns:1fr;gap:2rem}
@media(min-width:780px){.toc-layout{grid-template-columns:220px 1fr}}
.toc-sidebar{position:sticky;top:80px;align-self:start}
.toc-link{display:block;padding:0.4rem 0;color:var(--muted);text-decoration:none;border-left:2px solid transparent;padding-left:0.75rem;font-size:0.9rem}
.toc-link.is-active{color:var(--accent);border-left-color:var(--accent)}
.index-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}
@media(min-width:780px){.index-grid{grid-template-columns:repeat(3,1fr)}}
.jump-link{display:block;padding:0.9rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);font-family:var(--font-meta);font-size:0.85rem}
.jump-link:hover{border-color:var(--accent)}
.verify-tag{display:inline-block;font-family:var(--font-meta);font-size:0.7rem;background:rgba(232,168,56,0.18);color:#8a6411;padding:0.1rem 0.5rem;border-radius:4px;letter-spacing:0.03em}
.stat-ribbon{display:flex;flex-wrap:wrap;gap:1rem;background:var(--gold);color:#3a2a05;border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1.5rem;font-family:var(--font-meta)}
.stat-ribbon *{color:inherit}