.guide-article{--mono:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;--measure:68ch;color:var(--text-body);font-size:16px;line-height:1.65}.guide-article .wrap{max-width:900px;margin:0 auto;padding:0 24px}.guide-article .hero{background:radial-gradient(120% 90% at 85% -20%, var(--primary-50), transparent 62%), var(--surface-app);border-bottom:1px solid var(--border-default);padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(1.8rem,4vw,2.6rem)}.guide-article .eyebrow{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--primary-700);background:var(--primary-50);border:1px solid var(--primary-200);border-radius:999px;align-items:center;gap:.55rem;margin:0 0 1.2rem;padding:.3rem .7rem;font-size:.7rem;display:inline-flex}.guide-article .eyebrow:before{content:none}.guide-article h1{letter-spacing:-.025em;text-wrap:balance;color:var(--text-body);margin:0 0 1rem;font-size:clamp(2.1rem,1.5rem + 2.6vw,3.2rem);font-weight:800;line-height:1.08}.guide-article h1 .q{color:var(--primary-600)}.guide-article .lede{color:var(--text-muted);text-wrap:balance;max-width:44ch;margin:0;font-size:clamp(1.1rem,1rem + .4vw,1.3rem);line-height:1.5}.guide-article .hero-meta{font-family:var(--mono);flex-wrap:wrap;gap:.5rem;margin-top:1.6rem;font-size:.76rem;display:flex}.guide-article .hero-meta span{border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-subtle);border-radius:999px;padding:.3rem .8rem}.guide-article .eco{padding:clamp(2rem,4vw,3rem) 0 .5rem}.guide-article .eco-grid{grid-template-columns:1fr;gap:.9rem;display:grid}@media (min-width:720px){.guide-article .eco-grid{grid-template-columns:1.3fr 1fr 1fr 1fr}}.guide-article .node{border:1px solid var(--border-default);background:var(--surface-card);border-radius:14px;padding:1.1rem 1.2rem;box-shadow:0 1px 2px #1c1a150d}.guide-article .node.hub{border-color:var(--primary-600);border-width:2px}.guide-article .node .role{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-subtle);font-size:.64rem}.guide-article .node .name{letter-spacing:-.01em;margin:.35rem 0 .3rem;font-size:1.2rem;font-weight:700}.guide-article .node.hub .name{color:var(--primary-600)}.guide-article .node p{color:var(--text-muted);margin:0;font-size:.86rem;line-height:1.5}.guide-article .toc{padding:2.2rem 0 .5rem}.guide-article .toc-grid{border-top:1px solid var(--border-default);grid-template-columns:1fr;display:grid}@media (min-width:640px){.guide-article .toc-grid{grid-template-columns:1fr 1fr;column-gap:2.5rem}}.guide-article .toc a{border-bottom:1px solid var(--border-default);color:var(--text-body);align-items:baseline;gap:.9rem;padding:.72rem 0;text-decoration:none;display:flex}.guide-article .toc a:hover{color:var(--primary-700)}.guide-article .toc .n{font-family:var(--mono);color:var(--primary-600);min-width:2ch;font-size:.8rem}.guide-article .toc .t{font-weight:550}.guide-article section.chapter{border-top:1px solid var(--border-default);padding:clamp(2rem,4vw,3rem) 0;scroll-margin-top:5rem}.guide-article .ch-head{align-items:baseline;gap:1rem;margin-bottom:1.3rem;display:flex}.guide-article .ch-num{font-family:var(--mono);color:var(--primary-600);letter-spacing:-.02em;font-size:1.25rem;font-weight:600}.guide-article h2{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(1.5rem,1.2rem + 1vw,1.95rem);font-weight:750;line-height:1.12}.guide-article h3{letter-spacing:-.01em;margin:1.8rem 0 .5rem;font-size:1.25rem;font-weight:680}.guide-article p,.guide-article ul,.guide-article ol{max-width:var(--measure)}.guide-article p{margin:0 0 1rem}.guide-article strong{color:var(--text-body);font-weight:680}.guide-article a.inline{color:var(--primary-700);text-underline-offset:2px}.guide-article em{color:var(--text-body);font-style:normal;font-weight:600}.guide-article ul,.guide-article ol{margin:0 0 1rem;padding-left:1.3rem}.guide-article li{margin:.35rem 0}.guide-article ul.clean{padding-left:0;list-style:none}.guide-article ul.clean li{border-bottom:1px solid var(--border-subtle);gap:.7rem;padding:.55rem 0;display:flex}.guide-article ul.clean li:before{content:"›";color:var(--primary-600);font-weight:700}.guide-article ol.steps{counter-reset:s;max-width:var(--measure);padding-left:0;list-style:none}.guide-article ol.steps li{counter-increment:s;border-bottom:1px solid var(--border-subtle);padding:.9rem 0 .9rem 3rem;position:relative}.guide-article ol.steps li:before{content:counter(s);background:var(--primary-50);width:1.9rem;height:1.9rem;color:var(--primary-700);font-family:var(--mono);border-radius:50%;place-items:center;font-size:.85rem;font-weight:600;display:grid;position:absolute;top:.9rem;left:0}.guide-article ol.steps li strong{margin-bottom:.1rem;display:block}.guide-article .callout{border:1px solid var(--border-default);border-left:3px solid var(--primary-600);background:var(--primary-50);max-width:var(--measure);border-radius:0 12px 12px 0;margin:1.3rem 0;padding:1rem 1.2rem;font-size:.9rem}.guide-article .callout.tip{border-left-color:var(--secondary-600);background:var(--secondary-50)}.guide-article .callout.warn{border-left-color:var(--warning-700);background:var(--warning-50)}.guide-article .callout .lbl{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:.3rem;font-size:.64rem;display:block}.guide-article .callout p:last-child{margin-bottom:0}.guide-article .compare{max-width:var(--measure);grid-template-columns:1fr;gap:1rem;margin:1.3rem 0;display:grid}@media (min-width:640px){.guide-article .compare{grid-template-columns:1fr 1fr}}.guide-article .mode{border:1px solid var(--border-default);background:var(--surface-card);border-radius:14px;padding:1.2rem;box-shadow:0 1px 2px #1c1a150d}.guide-article .mode .tag{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--primary-600);font-size:.68rem}.guide-article .mode h4{letter-spacing:-.01em;margin:.3rem 0 .5rem;font-size:1.2rem}.guide-article .mode p{color:var(--text-muted);margin:0 0 .6rem;font-size:.88rem}.guide-article .mode .use{color:var(--text-muted);font-size:.88rem}.guide-article .mode .use b{color:var(--text-body)}.guide-article .ways{max-width:var(--measure);grid-template-columns:1fr;gap:.9rem;margin:1.3rem 0;display:grid}@media (min-width:680px){.guide-article .ways{grid-template-columns:repeat(3,1fr)}}.guide-article .way{border:1px solid var(--border-default);background:var(--surface-card);border-radius:14px;padding:1.1rem 1.2rem;box-shadow:0 1px 2px #1c1a150d}.guide-article .way .tag{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--primary-600);font-size:.64rem}.guide-article .way h4{letter-spacing:-.01em;margin:.35rem 0 .5rem;font-size:1.18rem;font-weight:680}.guide-article .way p{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.55}.guide-article .tablewrap{border:1px solid var(--border-default);border-radius:14px;margin:1.2rem 0;overflow-x:auto}.guide-article table{border-collapse:collapse;width:100%;min-width:520px;font-size:.88rem}.guide-article th,.guide-article td{text-align:left;border-bottom:1px solid var(--border-subtle);vertical-align:top;padding:.7rem .9rem}.guide-article thead th{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);background:var(--neutral-50);font-size:.64rem}.guide-article tbody tr:last-child td{border-bottom:0}.guide-article td.k{font-family:var(--mono);color:var(--primary-700);white-space:nowrap}.guide-article .chip{font-family:var(--mono);background:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-200);white-space:nowrap;border-radius:6px;padding:.08rem .4rem;font-size:.76rem}.guide-article figure.fig{max-width:var(--measure);margin:1.5rem 0}.guide-article figure.fig figcaption{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);align-items:center;gap:.5rem;margin-top:.6rem;font-size:.68rem;display:flex}.guide-article figure.fig figcaption:before{content:"▣";color:var(--primary-600)}.guide-article .ui{border:1px solid var(--border-strong);background:var(--surface-card);border-radius:14px;padding:1rem 1.1rem;box-shadow:0 1px 2px #1c1a150d,0 8px 24px #1c1a150d}.guide-article .m-top{align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.guide-article .m-top .lbl{letter-spacing:-.01em;font-weight:700}.guide-article .m-top .clock{font-family:var(--mono);color:var(--text-subtle);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.85rem}.guide-article .m-badge{font-family:var(--mono);letter-spacing:.06em;border-radius:5px;padding:.14rem .45rem;font-size:.58rem;font-weight:700}.guide-article .m-badge.live{background:var(--success-200);color:var(--success-700)}.guide-article .m-badge.gp{background:var(--warning-50);color:var(--warning-700)}.guide-article .m-team{border-top:1px solid var(--border-subtle);align-items:center;gap:.6rem;padding:.5rem .1rem;display:flex}.guide-article .m-team .nm{flex:1;font-size:.9rem}.guide-article .m-team .sc{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800}.guide-article .m-team.win .sc{color:var(--primary-600)}.guide-article .m-actions{flex-wrap:wrap;gap:.5rem;margin-top:.7rem;display:flex}.guide-article .m-btn{border:1px solid var(--border-strong);background:var(--surface-card);color:var(--text-body);border-radius:8px;padding:.42rem .7rem;font-size:.76rem;font-weight:600}.guide-article .m-btn.primary{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.guide-article .m-btn.danger{color:var(--error-700);border-color:var(--error-200)}.guide-article .states{max-width:var(--measure);flex-wrap:wrap;gap:.5rem;margin:1.1rem 0;display:flex}.guide-article .state-chip{font-family:var(--mono);border:1px solid var(--border-strong);color:var(--text-subtle);border-radius:999px;padding:.28rem .75rem;font-size:.68rem}.guide-article .state-chip b{color:var(--primary-600);font-weight:700}.guide-article .m-weight{margin:.6rem 0}.guide-article .m-weight .wl{justify-content:space-between;margin-bottom:.3rem;font-size:.82rem;display:flex}.guide-article .m-weight .wl .v{font-family:var(--mono);color:var(--text-subtle);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.guide-article .m-track{background:var(--neutral-100);border-radius:3px;height:6px;position:relative}.guide-article .m-track .fill{background:var(--primary-600);border-radius:3px;position:absolute;top:0;bottom:0;left:0}.guide-article .m-track .knob{background:var(--surface-card);border:2px solid var(--primary-600);border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 2px #00000026}.guide-article .m-row{align-items:center;gap:.6rem;padding:.35rem .1rem;display:flex}.guide-article .m-av{background:var(--primary-100);width:30px;height:30px;color:var(--primary-800);font-family:var(--mono);border-radius:50%;flex:none;place-items:center;font-size:.68rem;font-weight:700;display:grid}.guide-article .m-row .nm{font-size:.9rem;font-weight:600}.guide-article .m-tag{font-family:var(--mono);background:var(--secondary-50);color:var(--secondary-700);border-radius:999px;padding:.12rem .45rem;font-size:.6rem}.guide-article .m-row .lvl{font-family:var(--mono);color:var(--text-subtle);margin-left:auto;font-size:.74rem}.guide-article .m-row .st{font-family:var(--mono);color:var(--text-subtle);letter-spacing:.04em;font-size:.6rem}.guide-article .m-kebab{color:var(--text-subtle);padding:0 .35rem;font-size:1rem;font-weight:700;line-height:1}.guide-article .m-menu{border:1px solid var(--border-strong);border-radius:10px;max-width:230px;margin:.5rem 0 0 auto;overflow:hidden;box-shadow:0 8px 24px #1c1a151a}.guide-article .m-menu div{border-top:1px solid var(--border-subtle);padding:.5rem .8rem;font-size:.8rem}.guide-article .m-menu div:first-child{border-top:0}.guide-article .m-menu div.danger{color:var(--error-700)}.guide-article .m-tap{gap:.5rem;display:grid}.guide-article .m-zone{border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.1rem;display:flex}.guide-article .m-zone.a{background:var(--primary-50);border:1px solid var(--primary-200)}.guide-article .m-zone.b{background:var(--secondary-50);border:1px solid var(--secondary-200)}.guide-article .m-zone .who{font-size:.88rem;font-weight:600}.guide-article .m-zone .who small{color:var(--text-subtle);margin-top:.1rem;font-size:.7rem;font-weight:400;display:block}.guide-article .m-zone .big{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:2.3rem;font-weight:800;line-height:1}.guide-article .m-serve{text-align:center;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-subtle);padding:.2rem 0;font-size:.64rem}.guide-article .m-ctrls{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.3rem;display:flex}.guide-article .m-tv{color:#eaf2ec;background:#0f2a22;border-radius:12px;padding:.9rem 1rem}.guide-article .m-tv-head{align-items:center;gap:.6rem;margin-bottom:.7rem;font-size:.8rem;display:flex}.guide-article .m-tv-head .venue{font-weight:700}.guide-article .m-tv-head .live{color:#7fdfc0;font-family:var(--mono);letter-spacing:.12em;font-size:.62rem}.guide-article .m-tv-head .join{font-family:var(--mono);color:#cde05b;border:1px solid #fff3;border-radius:6px;margin-left:auto;padding:.18rem .55rem;font-size:.62rem}.guide-article .m-tv-courts{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.guide-article .m-tv-court{background:#ffffff0f;border-radius:8px;padding:.55rem .7rem}.guide-article .m-tv-court .c{font-family:var(--mono);color:#8fd6c1;letter-spacing:.08em;font-size:.58rem}.guide-article .m-tv-court .r{justify-content:space-between;align-items:baseline;margin-top:.25rem;font-size:.82rem;display:flex}.guide-article .m-tv-court .r .s{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:800}.guide-article .m-tv-next{border-top:1px solid #ffffff1f;margin-top:.65rem;padding-top:.55rem}.guide-article .m-tv-next .h{font-family:var(--mono);letter-spacing:.12em;color:#cde05b;font-size:.58rem}.guide-article .m-tv-next .row{opacity:.92;justify-content:space-between;margin-top:.3rem;font-size:.76rem;display:flex}.guide-article .m-tv-next .row .when{font-family:var(--mono);color:#8fd6c1;font-size:.6rem}.guide-article .m-qr{align-items:center;gap:1rem;display:flex}.guide-article .m-qr .code{background:conic-gradient(from 0deg, var(--text-body) 0 25%, transparent 0 50%, var(--text-body) 0 75%, transparent 0) 0 0/16px 16px, var(--surface-card);border:1px solid var(--border-strong);opacity:.8;border-radius:8px;flex:none;width:92px;height:92px}.guide-article .m-qr .meta .t{font-size:.9rem;font-weight:600}.guide-article .m-qr .meta p{color:var(--text-muted);margin:.25rem 0 .6rem;font-size:.78rem}.guide-article details{border-bottom:1px solid var(--border-default);max-width:var(--measure)}.guide-article details summary{cursor:pointer;justify-content:space-between;gap:1rem;padding:.95rem 0;font-weight:600;list-style:none;display:flex}.guide-article details summary::-webkit-details-marker{display:none}.guide-article details summary:after{content:"+";font-family:var(--mono);color:var(--primary-600);font-size:1.2rem;line-height:1}.guide-article details[open] summary:after{content:"–"}.guide-article details .a{color:var(--text-muted);padding:0 0 1rem;font-size:.9rem}.guide-article details .a p{margin:0 0 .6rem}.guide-article>footer{border-top:1px solid var(--border-default);color:var(--text-muted);padding:2.2rem 0 1rem;font-size:.9rem}.guide-article>footer .mono{font-family:var(--mono);color:var(--text-body)}.guide-article a:focus-visible,.guide-article summary:focus-visible{outline:2px solid var(--primary-600);outline-offset:3px;border-radius:3px}@media (prefers-reduced-motion:reduce){.guide-article *{transition:none!important}}