/* Shared navigation and native HTML information pages. */







.guide-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line);padding:28px 0 68px}
.guide-hero-image{position:absolute;inset:0 0 0 auto;width:65%;height:100%;object-fit:cover;z-index:-3;opacity:.55}
.guide-hero:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#090a0c 28%,#090a0c88 68%,#090a0c44),linear-gradient(0deg,#090a0c,transparent 60%)}
.breadcrumbs{display:flex;align-items:center;gap:14px;color:#aaaeb6;font-size:12px;margin-bottom:55px}
.breadcrumbs a:hover{color:#fff}.breadcrumbs>span[aria-hidden]{color:var(--red)}
.guide-hero .section-label{margin-bottom:22px;font-size:10px}
.guide-hero h1{font-size:clamp(58px,6.3vw,100px);line-height:.98;max-width:880px}
.guide-hero h1 em{color:var(--red);font-style:inherit}
.guide-deck{font-size:16px;line-height:1.8;color:#c3c6cc;max-width:630px;margin-top:28px}
.guide-hero .text-link{margin-top:26px}.hero-guide-ornament{position:absolute;right:5%;bottom:60px;width:160px;opacity:.7}
.guide-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:26px;border-bottom:1px solid var(--line)}
.guide-stats>div{padding-inline:32px;border-right:1px solid var(--line)}.guide-stats>div:first-child{padding-left:0}.guide-stats>div:last-child{border:0}
.guide-stats span{display:block;font-size:10px;color:#999ea8;letter-spacing:1.7px;margin-bottom:8px}.guide-stats strong{font-size:15px;font-weight:500}
.draft-banner{margin:36px 0 0;padding:20px 24px;display:flex;gap:26px;align-items:center;border:1px solid #56302e;background:#19100f}
.draft-tag{font-size:10px;letter-spacing:1.5px;color:#ff8b81;white-space:nowrap}.draft-banner p{font-size:13px;line-height:1.7;color:#c5b8b7}
.guide-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:64px;padding-block:58px 80px}
.guide-toc{align-self:start;position:sticky;top:35px;font-size:13px}.guide-toc>p{font-size:10px;letter-spacing:2px;color:#858a93;margin-bottom:20px}.guide-toc nav{display:flex;flex-direction:column;border-left:1px solid #373b41;gap:3px}.guide-toc nav a{padding:10px 18px;color:#b1b7c0;border-left:2px solid transparent;margin-left:-1px}.guide-toc nav a:hover,.guide-toc nav a[aria-current=location]{border-color:var(--red);color:#fff;background:#ffffff04}.toc-back{display:block;color:#9298a3;margin-top:30px;font-size:12px}
.guide-content{min-width:0;max-width:1080px}.guide-section{scroll-margin-top:32px;margin-bottom:64px;padding-bottom:60px;border-bottom:1px solid var(--line)}
.guide-section .section-label{font-size:10px;color:#a5abb5;letter-spacing:1.8px;margin-bottom:18px}.guide-section h2{font-size:clamp(36px,3.5vw,54px);line-height:1.06;margin-bottom:25px}.guide-section p{font-size:15px;line-height:1.8;color:#abb2bd}.guide-section .section-intro{font-size:17px;color:#ccd0d7;margin-bottom:28px;max-width:860px}
.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.guide-card{border:1px solid #34383f;padding:28px;background:#101216}.guide-card .eyebrow{color:#ee625b;font-size:10px;letter-spacing:1.7px;margin-bottom:24px}.guide-card h3{font-family:var(--display);font-style:italic;font-size:34px;margin-bottom:18px;line-height:1.05}.guide-card .card-meta{font-size:12px;color:#ddd;margin-bottom:12px}.guide-card .text-link{margin-top:24px}
.guide-section .guide-note{font-size:13px;color:#969da7;margin-top:24px}.guide-note a,.guide-section>p a{color:#f2b2ac;text-decoration:underline;text-underline-offset:4px}
.guide-list{padding-left:20px;color:#b8bfc9;line-height:1.85;font-size:15px;margin:0}.guide-list li{padding-left:7px;margin-bottom:13px}.guide-list li::marker{color:#e54b42}.guide-list strong{color:#fff}
.ranking-list{list-style:none;padding:0;margin:0}.ranking-list li{display:flex;gap:25px;border-top:1px solid #30343b;padding:25px 0}.ranking-list li>span{font-family:var(--display);font-size:42px;color:var(--red);width:54px;flex-shrink:0;line-height:1}.ranking-list h3{font-size:18px;line-height:1.4;margin-bottom:8px}.ranking-list p{max-width:770px}
.table-scroll{overflow-x:auto;border:1px solid #363a41;margin:22px 0;max-width:100%}.table-scroll:focus-visible{outline:2px solid var(--red);outline-offset:3px}table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.65;min-width:480px}th,td{text-align:left;padding:18px 22px;border-bottom:1px solid #2d3138;vertical-align:top}th{background:#1a1d23;color:#fff;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1px}td{color:#b6bec9}td:first-child{color:#f2f3f4;width:32%}tr:last-child td{border-bottom:0}tbody tr:nth-child(even){background:#ffffff02}
.division-links{display:grid;grid-template-columns:1fr 1fr;gap:18px}.division-links a{padding:35px 26px;border:1px solid #383c43;background:#141518}.division-links a:hover{border-color:var(--red)}.division-links strong{font-family:var(--display);font-style:italic;font-size:40px;display:block;margin:18px 0}.division-links span{font-size:11px;letter-spacing:1.3px;color:#b4bdc8}.division-links span:first-child{color:#ff7066}
.division-photo{height:245px;position:relative;overflow:hidden;margin-bottom:30px;background:#111}.division-photo img{width:100%;height:100%;object-fit:cover;opacity:.72}.division-photo span{position:absolute;left:28px;bottom:25px;font-family:var(--display);font-style:italic;font-size:32px;max-width:80%;text-shadow:0 2px 14px #000}
.subheading{font-size:20px;line-height:1.4;margin:34px 0 20px}.step-list{list-style:none;counter-reset:steps;margin:25px 0;padding:0}.step-list li{counter-increment:steps;position:relative;padding:0 0 26px 48px;color:#b8bfc9;line-height:1.8;font-size:15px}.step-list li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;font-size:16px;color:#f46056;font-family:var(--display);font-style:italic}.step-list strong{color:#fff}
.rule-callout{background:#17191e;border-left:2px solid var(--red);padding:25px 28px;margin:28px 0}.rule-callout strong{display:block;font-size:15px;margin-bottom:10px}.rule-callout p{font-size:14px;margin:0}
.code-panel{border:1px solid #343942;margin:24px 0;background:#0d1117;max-width:100%}.code-title{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #30343d;padding:12px 18px;font-size:10px;letter-spacing:1px;color:#9ca7b7}.code-title button{font-size:12px;background:#252a33;color:#fff;padding:7px 11px;white-space:nowrap}pre{margin:0;padding:24px;overflow:auto;font:13px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;color:#bce1d3;tab-size:2}.copy-status{display:block;font-size:12px;color:#cdd5df;padding:0 18px}.copy-status:not(:empty){padding-block:10px}
.guide-next{padding:14px 0 20px}.guide-next h2{font-size:52px;margin-bottom:28px}.guide-next>div{display:flex;gap:15px;flex-wrap:wrap}
.race-preview{border-top:1px solid var(--line);background:#0c0e11}.preview-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:34px}.preview-heading h2{font-size:clamp(42px,5vw,72px)}.preview-heading>p{max-width:450px;font-size:15px;color:#aeb6c1;line-height:1.8}.race-preview video{display:block;width:100%;aspect-ratio:16/9;background:#080b10;border:1px solid #363b43}.preview-meta{display:flex;justify-content:space-between;gap:24px;margin-top:18px;color:#939da9;font-size:12px}.preview-transcript{margin-top:22px;border-top:1px solid var(--line);font-size:14px;color:#c0c7d0}.preview-transcript summary{cursor:pointer;padding:18px 0}.preview-transcript ol{padding-left:24px;line-height:1.7}.preview-transcript li{margin-bottom:14px}.preview-transcript span[lang=id]{display:block;color:#929dab}
@media(max-width:1180px){.guide-layout{grid-template-columns:180px minmax(0,1fr);gap:32px}.guide-card{padding:23px}.hero-guide-ornament{width:100px}}
@media(max-width:760px){.guide-hero{padding-block:22px 40px}.breadcrumbs{margin-bottom:38px;font-size:11px}.guide-hero h1{font-size:clamp(48px,10vw,74px)}.guide-hero-image{width:100%;opacity:.32}.guide-hero:after{background:linear-gradient(90deg,#090a0cbf,#090a0c50),linear-gradient(0deg,#090a0c,transparent)}.guide-deck{font-size:15px;margin-top:22px}.hero-guide-ornament{display:none}.guide-stats{grid-template-columns:1fr;padding-block:5px}.guide-stats>div,.guide-stats>div:first-child{border-right:0;border-bottom:1px solid var(--line);padding:15px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.guide-stats span{font-size:9px;margin:0}.guide-stats strong{font-size:12px;text-align:right}.draft-banner{display:block;padding:20px;margin-top:24px}.draft-banner p{font-size:12px;margin-top:10px}.guide-layout{grid-template-columns:minmax(0,1fr);padding-block:30px 50px;gap:35px}.guide-toc{position:static}.guide-toc nav{flex-direction:row;flex-wrap:wrap;border:0;gap:8px}.guide-toc nav a{font-size:12px;border:1px solid #393e46;padding:9px 12px;margin:0}.guide-toc>p{margin-bottom:14px}.toc-back{display:none}.guide-section{margin-bottom:42px;padding-bottom:40px}.guide-section h2{font-size:38px}.guide-section .section-intro{font-size:16px}.guide-grid,.division-links{grid-template-columns:1fr}.guide-card{padding:25px}.ranking-list li{gap:12px}.ranking-list li>span{width:32px;font-size:35px}.ranking-list h3{font-size:17px}.guide-section p,.guide-list,.step-list li{font-size:14px}.table-scroll{margin-inline:0}th,td{padding:15px}.rule-callout{padding:22px}.division-photo{height:210px}.division-photo span{font-size:26px;left:22px}.code-title{padding:12px;letter-spacing:.5px;font-size:9px;gap:10px}pre{font-size:12px;padding:18px}.guide-next h2{font-size:44px}.preview-heading{display:block}.preview-heading>p{margin-top:22px;font-size:14px}.preview-meta{flex-direction:column;gap:8px}.preview-transcript{font-size:13px}}
@media print{body{background:#fff!important;color:#111!important}.site-footer,.guide-toc,.guide-hero-image,.hero-guide-ornament,.guide-next,.print-rules,.skip-link,.info-dialog{display:none!important}.container{width:100%;max-width:none}.guide-layout{display:block;padding-top:20px}.guide-hero{padding:0 0 20px}.guide-hero:after{display:none}.guide-hero h1{font-size:42px}.guide-hero .text-link{display:none}.guide-section h2{font-size:28px}.guide-section,.draft-banner,.rule-callout{break-inside:avoid;background:white!important;color:#111!important}p,td,th,strong,.guide-list,.step-list li,.guide-deck{color:#111!important}th{background:#eee}a{text-decoration:none}.table-scroll{overflow:visible}table{min-width:0}.guide-section{margin-bottom:25px;padding-bottom:20px}}