.intent-tabs{display:flex;flex-wrap:wrap;gap:.5rem;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:3px solid transparent;padding:.7rem 1rem;cursor:pointer;color:var(--muted)}
.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:.25rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.3rem;margin-bottom:1.5rem}
.seg-btn{font-family:var(--font-meta);font-size:.85rem;background:none;border:none;padding:.5rem .9rem;border-radius:10px;cursor:pointer;color:var(--muted)}
.seg-btn.is-active{background:var(--accent);color:var(--on-accent)}
.seg-panel{display:none}
.seg-panel.is-active{display:block}
.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:999px;padding:.45rem 1rem;cursor:pointer;color:var(--text)}
.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:repeat(2,1fr)}}
@media(min-width:780px){.card-grid.cols-3{grid-template-columns:repeat(3,1fr)}}
.glass-card{background:var(--bg-elevated);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease}
.glass-card:hover{transform:translateY(-5px);box-shadow:0 14px 40px rgba(15,31,46,.14)}
.sport-card,.method-card,.news-card,.promo-card-item,.redirect-card,.feature-card{background:var(--bg-elevated);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:1.3rem;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.sport-card:hover,.method-card:hover,.news-card:hover,.redirect-card:hover,.feature-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 14px 40px rgba(15,31,46,.14)}
.card-title{font-family:var(--font-display);font-weight:600;font-size:1.1rem;margin:0 0 .5rem}
.kpi-strip{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:640px){.kpi-strip{grid-template-columns:repeat(3,1fr)}}
.kpi-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:1.1rem;backdrop-filter:blur(8px)}
.kpi-card .kpi-label{font-family:var(--font-meta);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;opacity:.85}
.kpi-card .kpi-value{font-family:var(--font-display);font-weight:700;font-size:1.5rem;display:block;margin-top:.3rem}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius);margin-bottom:2rem;position:relative;background:linear-gradient(90deg,var(--bg) 30%,rgba(244,247,251,0)),linear-gradient(90deg,rgba(244,247,251,0),var(--bg) 70%) 100% 0;background-size:40px 100%,40px 100%;background-repeat:no-repeat;background-attachment:local,local}
table.data-table{width:100%;border-collapse:collapse;min-width:520px;background:var(--bg-elevated);backdrop-filter:blur(12px)}
.data-table th,.data-table td{padding:.7rem .9rem;text-align:left;border-bottom:1px solid var(--border);font-size:.9rem}
.data-table thead th{font-family:var(--font-meta);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);position:sticky;top:0;background:var(--bg-elevated)}
.data-table tbody tr{transition:background .2s ease,transform .2s ease}
.data-table tbody tr:hover{background:rgba(0,184,154,.07)}
.data-table tbody tr:focus-within{background:rgba(0,184,154,.12);outline:2px solid var(--accent)}
.rank-gold{color:var(--gold);font-weight:700}
tr.top-rank td{background:rgba(232,168,32,.08)}
tr.top-rank .rank-num{color:var(--gold);font-weight:700;font-family:var(--font-meta)}
.faq-list{display:flex;flex-direction:column;gap:.75rem}
.faq-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.faq-trigger{width:100%;text-align:left;background:none;border:none;padding:1rem 1.2rem;font-family:var(--font-display);font-weight:600;font-size:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--text);gap:1rem}
.acc-icon{font-size:1.3rem;color:var(--accent);transition:transform .3s ease;flex-shrink:0}
.faq-item.is-open .faq-trigger .acc-icon{transform:rotate(45deg)}
.faq-body{display:none;padding:0 1.2rem 1.2rem;color:var(--muted);word-break:break-word;overflow-wrap:break-word}
.faq-item.is-open .faq-body{display:block}
.accordion-item,.checklist-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.6rem;overflow:hidden}
.accordion-trigger,.checklist-trigger{width:100%;text-align:left;background:none;border:none;padding:.9rem 1.1rem;font-family:var(--font-display);font-weight:600;cursor:pointer;color:var(--text);display:flex;justify-content:space-between;gap:1rem}
.accordion-body,.checklist-body{display:none;padding:0 1.1rem 1.1rem;color:var(--muted);word-break:break-word;overflow-wrap:break-word}
.accordion-item.is-open .accordion-body{display:block}
.checklist-item.is-expanded .checklist-body{display:block}
.expand-toggle{display:inline-flex;gap:.75rem;margin-bottom:1rem}
.expand-toggle button{font-family:var(--font-meta);font-size:.8rem;border:1px solid var(--border);background:var(--bg-elevated);border-radius:8px;padding:.4rem .8rem;cursor:pointer;color:var(--text)}
.timeline{position:relative;padding-left:2rem;margin-bottom:2rem}
.timeline::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--border)}
.timeline-item{position:relative;padding-bottom:1.5rem}
.timeline-item::before{content:"";position:absolute;left:-1.65rem;top:4px;width:14px;height:14px;border-radius:50%;background:var(--accent);border:3px solid var(--bg)}
.timeline-item:hover::before{box-shadow:0 0 0 4px rgba(0,184,154,.2)}
.timeline-item h3{font-family:var(--font-display);margin:0 0 .3rem;font-size:1.05rem}
.step-num{font-family:var(--font-meta);color:var(--accent);font-size:.8rem}
.flip-card{height:300px;perspective:1000px;margin-bottom:1.5rem}
.flip-card__inner{position:relative;width:100%;height:100%;transition:transform .6s 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;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.3rem;box-shadow:var(--shadow)}
.flip-card__back{transform:rotateY(180deg);background:var(--pitch);color:var(--text-light)}
.flip-card__back *{color:inherit}
.app-mockup{background:var(--pitch);color:var(--text-light);border-radius:var(--radius);padding:2rem;text-align:center}
.app-mockup *{color:inherit}
.mockup-frame{max-width:240px;margin:1rem auto;aspect-ratio:9/16;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:24px}
.live-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#e23;margin-right:.4rem;animation:livepulse 1.4s ease-in-out infinite}
@keyframes livepulse{0%,100%{box-shadow:0 0 0 0 rgba(238,34,34,.5)}50%{box-shadow:0 0 0 8px rgba(238,34,34,0)}}
.mundial-scroll{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x mandatory}
.mundial-tile{flex:0 0 auto;min-width:160px;scroll-snap-align:start;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;text-decoration:none;color:var(--text)}
.chip-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}
.chip-nav a{font-family:var(--font-meta);font-size:.8rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:.45rem 1rem;text-decoration:none;color:var(--link)}
.chip-nav a:hover{background:var(--accent);color:var(--on-accent)}
.pos-badge{font-family:var(--font-meta);font-size:.7rem;padding:.2rem .5rem;border-radius:6px;font-weight:500}
.pos-gk{background:#fde9c8;color:#8a5a00}
.pos-def{background:#cfe9ff;color:#0a4d8a}
.pos-mid{background:#d4f5ee;color:#066b59}
.pos-fwd{background:#ffe0e0;color:#8a1a1a}
.method-tabs-wrap{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:780px){.method-tabs-wrap{grid-template-columns:200px 1fr}}
.vtab-list{display:flex;flex-direction:column;gap:.4rem;list-style:none;padding:0;margin:0}
.dense-list{list-style:none;padding:0;margin:0}
.dense-list li{display:block}
.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)}
.security-badges{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}
.security-badges span{font-family:var(--font-meta);font-size:.75rem;border:1px solid var(--border);border-radius:8px;padding:.4rem .7rem;background:var(--bg-elevated)}
.calc-box{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;margin-bottom:2rem}
.calc-box input{padding:.6rem;border:1px solid var(--border);border-radius:8px;font-family:var(--font-meta);width:160px}
.calc-preview{font-family:var(--font-display);font-weight:700;font-size:1.4rem;color:var(--accent);margin-top:.5rem}
.cookie-badge{font-family:var(--font-meta);font-size:.7rem;padding:.2rem .5rem;border-radius:6px;background:var(--bg-elevated);border:1px solid var(--border)}
.phase-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}
.phase-pill{font-family:var(--font-meta);font-size:.8rem;border:1px solid var(--border);background:var(--bg-elevated);border-radius:999px;padding:.45rem 1rem;cursor:pointer;color:var(--text)}
.phase-pill.is-active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.toc-sidebar{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}
.toc-sidebar.is-collapsed ul{display:none}
.toc-sidebar a{display:block;padding:.3rem 0;text-decoration:none;color:var(--link);font-size:.9rem}
.toc-sidebar a.is-active{color:var(--accent);font-weight:600}
.anchor-flash{animation:aflash 1.5s ease}
@keyframes aflash{0%{background:rgba(0,184,154,.18)}100%{background:transparent}}
@media(prefers-reduced-motion:reduce){.live-dot,.anchor-flash,.flip-card__inner{animation:none!important;transition:none!important}.flip-card:hover .flip-card__inner{transform:none}}