.breadcrumb{font-family:var(--font-meta);font-size:.75rem;color:var(--muted);margin-bottom:1rem}
.breadcrumb a{color:var(--muted)}
.mono-label{font-family:var(--font-meta);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}
.num-card{border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;background:var(--bg-elevated);transition:transform .2s ease,border-color .2s ease}
.num-card:hover{transform:translateY(-3px);border-color:var(--accent)}
.num-card__num{font-family:var(--font-meta);font-size:.8rem;color:var(--accent)}
.num-card h3{margin:.4rem 0}
.tabs{margin-bottom:2rem}
.tab-list{display:flex;flex-wrap:wrap;gap:.25rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem}
.tab-btn{font-family:var(--font-display);font-weight:600;background:none;border:none;border-bottom:2px solid transparent;padding:.7rem 1rem;cursor:pointer;color:var(--muted);font-size:.95rem}
.tab-btn.is-active{color:var(--accent);border-bottom-color:var(--accent)}
.tab-panel{display:none}
.tab-panel.is-active{display:block}
.dense-list{list-style:none;padding:0;margin:0}
.dense-list li{display:block;padding:0}
.dense-list li + li{border-top:1px solid var(--border);padding-top:1.5rem;margin-top:1.5rem}
.dense-list__marker{display:block;font-weight:600;color:var(--accent);margin-bottom:.5rem;font-family:var(--font-display)}
.intent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2rem}
.intent-card{border:1px solid var(--border);border-left:3px solid transparent;border-radius:var(--radius);padding:1.25rem;background:var(--bg-elevated);transition:transform .2s ease,border-left-color .2s ease}
.intent-card:hover{transform:translateY(-3px);border-left-color:var(--accent)}
.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:2rem}
.stat-item .stat-label{font-family:var(--font-meta);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);display:block}
.stat-item .stat-value{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--gold)}
.disclosure-block{border-left:3px solid var(--accent);padding:1rem 1.25rem;background:var(--bg-elevated);margin-bottom:2rem}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}
.link-list{list-style:none;padding:0;margin:0}
.link-list li{margin-bottom:.6rem}
.ext-link{position:relative;padding-right:1.1rem}
.ext-link::after{content:'\2197';position:absolute;right:0;transition:transform .2s ease}
.ext-link:hover::after{transform:translate(2px,-2px)}
.sport-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}
.sport-chip{font-family:var(--font-meta);font-size:.8rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.45rem .9rem;cursor:pointer;color:var(--text)}
.sport-chip.is-active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.sport-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:2rem}
.sport-card{border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;background:var(--bg-elevated);transition:transform .2s ease,border-color .2s ease}
.sport-card:hover{transform:translateY(-3px);border-color:var(--accent)}
.sport-card__code{font-family:var(--font-meta);font-size:.7rem;color:var(--accent)}
.table-scroll-wrapper{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:2rem;-webkit-overflow-scrolling:touch}
.data-table{width:100%;border-collapse:collapse;min-width:560px}
.data-table th,.data-table td{padding:.8rem 1rem;text-align:left;border-bottom:1px solid var(--border);font-size:.9rem}
.data-table th{font-family:var(--font-meta);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--bg-elevated)}
.data-table tbody tr:hover{background:rgba(255,61,0,.04)}
.data-table tbody tr:nth-child(even){background:rgba(26,26,24,.02)}
.data-table th:first-child,.data-table td:first-child{position:sticky;left:0;background:var(--bg-elevated);z-index:1}
.data-table td:hover{background:rgba(245,166,35,.08)}
.method-detail td{background:var(--bg);font-size:.85rem;color:var(--muted)}
.method-row-trigger{cursor:pointer}
.live-badge{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-meta);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 1.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,61,0,.5)}70%{box-shadow:0 0 0 8px rgba(255,61,0,0)}100%{box-shadow:0 0 0 0 rgba(255,61,0,0)}}
.ticker{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);padding:.6rem 0;margin-bottom:2rem;white-space:nowrap}
.ticker-track{display:inline-block;white-space:nowrap;animation:marquee 24s linear infinite}
.ticker-item{display:inline-block;font-family:var(--font-meta);font-size:.8rem;padding:0 1.5rem;color:var(--muted)}
.ticker-item b{color:var(--accent)}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.feature-cards{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}
.feature-card{border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;background:var(--bg-elevated);transition:transform .2s ease}
.feature-card:hover{transform:translateY(-3px)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem}
.promo-cards{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}
.promo-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);padding:1.25rem}
.promo-card .mono-label{margin-bottom:.5rem;display:block}
.checklist-trigger,.accordion-trigger,.highlight-trigger,.nested-trigger{cursor:pointer;background:none;border:none;font:inherit;text-align:left;width:100%}
.checklist-toggle{color:var(--accent);font-weight:700}
.accordion{margin-bottom:2rem}
.accordion-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.5rem;overflow:hidden}
.accordion-item.is-open{border-color:var(--accent)}
.accordion-trigger{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-family:var(--font-display);font-weight:600}
.accordion-body{display:none;padding:0 1.25rem 1.25rem;word-break:break-word;overflow-wrap:break-word}
.faq-search{width:100%;padding:.7rem 1rem;border:1px solid var(--border);border-radius:var(--radius);font:inherit;margin-bottom:1.5rem;background:var(--bg-elevated);color:var(--text)}
.faq{margin-bottom:2rem}
.faq-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.5rem}
.faq-item.is-open{border-color:var(--accent)}
.faq-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;font:inherit;cursor:pointer;padding:1rem 1.25rem;text-align:left;font-family:var(--font-display);font-weight:600}
.acc-icon{color:var(--accent);font-size:1.2rem;transition:transform .2s ease;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}
.timeline{list-style:none;padding:0;margin:0 0 2rem;position:relative}
.timeline-item{position:relative;padding-left:3rem;padding-bottom:1.75rem}
.timeline-item::before{content:attr(data-step);position:absolute;left:0;top:0;width:2rem;height:2rem;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-meta);font-size:.85rem;font-weight:600}
.timeline-item::after{content:'';position:absolute;left:1rem;top:2rem;bottom:0;width:1px;background:var(--border)}
.timeline-item:last-child::after{display:none}
.step-item{border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:.75rem;transition:border-left-color .2s ease}
.step-item.is-active{border-left-color:var(--accent)}
.step-num{font-family:var(--font-meta);color:var(--accent);font-weight:600;display:inline-block;transition:transform .2s ease}
.step-item:hover .step-num,.manage-step:hover .step-num{transform:scale(1.2)}
.checklist{margin-bottom:2rem}
.checklist-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.5rem;padding:1rem 1.25rem}
.checklist-item.is-expanded{border-color:var(--accent)}
.checklist-body{display:none;padding-top:.75rem;color:var(--muted)}
.device-frame{max-width:280px;margin:0 auto;border:2px solid var(--text);border-radius:24px;padding:1rem;background:var(--bg-elevated)}
.device-screen{border:1px solid var(--border);border-radius:8px;min-height:360px;padding:1rem;background:var(--bg)}
.platform-switch,.seg-control{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:1.5rem}
.platform-btn,.seg-btn{background:var(--bg-elevated);border:none;padding:.6rem 1.2rem;cursor:pointer;font:inherit;color:var(--text);font-family:var(--font-meta);font-size:.85rem}
.platform-btn.is-active,.seg-btn.is-active{background:var(--accent);color:var(--on-accent)}
.platform-panel,.seg-panel,.demo-panel{display:none}
.platform-panel.is-active,.seg-panel.is-active,.demo-panel.is-active{display:block}
.demo-switch{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:1.5rem}
.demo-btn{background:var(--bg-elevated);border:none;padding:.6rem 1.2rem;cursor:pointer;font-family:var(--font-meta);font-size:.85rem;color:var(--text)}
.demo-btn.is-active{background:var(--accent);color:var(--on-accent)}
.flip-card{height:300px;perspective:1000px;margin-bottom:1.5rem}
.flip-card__inner{position:relative;width:100%;height:100%;transition:transform .5s ease;transform-style:preserve-3d}
.flip-card:hover .flip-card__inner{transform:rotateY(180deg)}
.flip-card__front,.flip-card__back{position:absolute;inset:0;overflow-y:auto;backface-visibility:hidden;border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;background:var(--bg-elevated)}
.flip-card__back{transform:rotateY(180deg);background:var(--pitch);color:var(--text-light)}
.flip-card__back *{color:inherit}
.flow-diagram{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}
.flow-step{flex:1;min-width:120px;border:1px solid var(--border);border-radius:var(--radius);padding:1rem;background:var(--bg-elevated);cursor:pointer;position:relative;text-align:center}
.flow-step.is-active{border-color:var(--accent);background:rgba(255,61,0,.04)}
.flow-step__num{font-family:var(--font-meta);color:var(--accent);font-weight:600}
.icon-mono{font-family:var(--font-meta);font-size:1.5rem;display:inline-block;transition:transform .2s ease}
.icon-mono:hover{transform:scale(1.15)}
.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem}
.doc-card{border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;background:var(--bg-elevated);text-align:center;cursor:pointer;transition:border-color .2s ease}
.doc-card:hover,.doc-card.is-selected{border-color:var(--accent)}
.demo-check{cursor:pointer;list-style:none;padding:.5rem 0 .5rem 1.75rem;position:relative}
.demo-check::before{content:'\2610';position:absolute;left:0;color:var(--accent)}
.demo-check.is-checked::before{content:'\2611'}
.demo-check.is-checked{text-decoration:line-through;color:var(--muted)}
.demo-input{width:100%;padding:.7rem 1rem;border:1px solid var(--border);border-radius:var(--radius);font:inherit;background:var(--bg-elevated);color:var(--text)}
.demo-input.is-focus{border-color:var(--accent)}
.editorial{column-count:2;column-gap:2rem;margin-bottom:2rem}
.editorial p{break-inside:avoid;margin-bottom:1rem}
.toc{list-style:none;padding:0;margin:0 0 2rem;border-left:1px solid var(--border)}
.toc-link{display:block;padding:.4rem 1rem;color:var(--muted);text-decoration:none;border-left:2px solid transparent;margin-left:-1px}
.toc-link.is-active{color:var(--accent);border-left-color:var(--accent)}
.nested-item{border-bottom:1px solid var(--border);padding:.75rem 0}
.nested-body{display:none;padding-top:.75rem;color:var(--muted)}
.cookie-row{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.5rem;padding:1rem 1.25rem}
.cookie-row.is-open{border-color:var(--accent)}
.cookie-detail{display:none;padding-top:.75rem;color:var(--muted)}
.cookie-row-trigger{cursor:pointer;display:flex;justify-content:space-between;width:100%;background:none;border:none;font:inherit}
.highlight-box{border:1px solid var(--gold);border-radius:var(--radius);padding:1.25rem;margin-bottom:2rem;background:rgba(245,166,35,.06)}
.highlight-trigger{font-family:var(--font-display);font-weight:600}
.highlight-body{display:none;padding-top:.75rem}
.limit-badge{display:inline-block;font-family:var(--font-meta);font-size:.7rem;background:var(--gold);color:var(--text);padding:.2rem .5rem;border-radius:var(--radius);animation:pulse 1.6s infinite}
.manage-step{border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:.75rem}
.routing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem}
.access-card{border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;background:var(--bg-elevated);transition:transform .25s ease}
.access-card:hover{transform:rotate(-1deg) translateY(-3px);border-color:var(--accent)}
@media(max-width:780px){.intent-grid,.feature-grid,.doc-grid,.routing-cards{grid-template-columns:1fr 1fr}.stats-strip{grid-template-columns:1fr}}
@media(max-width:640px){.hub-grid,.sport-grid,.intent-grid,.two-col,.feature-grid,.doc-grid,.routing-cards{grid-template-columns:1fr}.editorial{column-count:1}.tab-list{overflow-x:auto}}
@media(prefers-reduced-motion:reduce){.ticker-track,.live-dot,.limit-badge{animation:none}.flip-card:hover .flip-card__inner{transform:none}}