.detail-page{padding-bottom:64px}.detail-page :is(h1,h2,h3,p,dl,dd){margin:0}.detail-page :is(a,summary):focus-visible{outline:2px solid var(--sodium);outline-offset:5px}.detail-breadcrumb{color:var(--subtle);flex-wrap:wrap;align-items:center;gap:8px 14px;padding-top:24px;font-size:12px;line-height:1.6;display:flex}.detail-breadcrumb a{align-items:center;min-height:36px;display:inline-flex}.detail-breadcrumb a:hover{color:var(--sodium)}.detail-breadcrumb [aria-current]{color:var(--ink)}.detail-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 220px;align-items:end;gap:8%;padding:54px 0 66px;display:grid}.detail-eyebrow{color:var(--sodium);letter-spacing:.08em;align-items:center;gap:11px;font-size:11px;line-height:1.6;display:flex}.detail-hero h1{letter-spacing:-.045em;max-width:20ch;margin:22px 0;font-size:clamp(42px,4.7vw,70px);font-weight:400;line-height:1.07}.detail-tagline{color:var(--ink);font-size:22px;line-height:1.4;margin-bottom:16px!important}.detail-intro{color:var(--subtle);max-width:68ch;font-size:16px;line-height:1.85}.detail-guide-link{min-height:44px;color:var(--sodium);align-items:center;gap:12px;margin-top:14px;padding:9px 0;font-size:13px;line-height:1.6;display:inline-flex}.detail-guide-link svg{flex-shrink:0}.detail-guide-link:hover{text-underline-offset:5px;text-decoration:underline}.detail-facts{border-top:1px solid var(--line);display:grid}.detail-facts>div{border-bottom:1px solid var(--line);flex-direction:column-reverse;gap:8px;padding:22px 0;display:flex}.detail-facts dd{letter-spacing:-.04em;color:var(--sodium);font-size:38px;line-height:1}.detail-facts dt{color:var(--subtle);font-size:12px;line-height:1.6}.detail-section{border-bottom:1px solid var(--line);grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:10%;padding:60px 0;display:grid}.detail-section-title h2{letter-spacing:-.035em;margin:16px 0 20px;font-size:clamp(29px,3.2vw,44px);font-weight:400;line-height:1.14}.detail-section-title>p:not(.detail-eyebrow){color:var(--subtle);max-width:48ch;font-size:14px;line-height:1.85}.detail-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;display:grid}.detail-presets>div{border-top:1px solid var(--line);padding-top:18px}.detail-presets span{color:var(--sodium);font-variant-numeric:tabular-nums;margin-bottom:18px;font-size:11px;display:block}.detail-presets dt{margin-bottom:8px;font-size:19px;line-height:1.4}.detail-presets dd,.detail-controls p,.detail-steps p{color:var(--subtle);font-size:14px;line-height:1.8}.detail-controls{gap:26px;display:grid}.detail-controls>div{border-left:2px solid var(--sodium);padding-left:20px}.detail-page h3{margin-bottom:8px;font-size:18px;font-weight:400;line-height:1.4}.detail-steps{counter-reset:detail-step;margin:0;padding:0;list-style:none}.detail-steps li{border-top:1px solid var(--line);counter-increment:detail-step;gap:20px;padding:22px 0;display:flex}.detail-steps li:first-child{border:0;padding-top:0}.detail-steps li:before{content:counter(detail-step,decimal-leading-zero);color:var(--sodium);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px;line-height:1.8}.detail-answers details{border-top:1px solid var(--line)}.detail-answers details:last-of-type{border-bottom:1px solid var(--line)}.detail-answers summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:18px 0;font-size:16px;line-height:1.5;list-style:none;display:flex}.detail-answers summary::-webkit-details-marker{display:none}.detail-answers summary>svg{color:var(--subtle);flex-shrink:0}.detail-answers details[open] summary>svg{transform:rotate(180deg)}.detail-answers details>p{color:var(--subtle);padding-bottom:24px;font-size:14px;line-height:1.85}.detail-access{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12%;padding:54px 0;display:grid}.detail-access h2{letter-spacing:-.04em;margin:14px 0 18px;font-size:clamp(30px,3.6vw,50px);font-weight:400;line-height:1.13}.detail-access p:not(.detail-eyebrow){max-width:60ch;color:var(--subtle);font-size:14px;line-height:1.8}.detail-access .detail-access-note{margin-top:12px;font-size:12px!important}.detail-access-actions{flex-direction:column;align-items:flex-start;gap:22px;display:flex}.detail-access-actions .primary-link{color:#121718}.detail-access-actions>.discord-link{min-height:44px;font-size:13px}.detail-related{border-top:1px solid var(--line);padding-top:30px}.detail-related>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:16px;display:grid}.detail-related a{border:1px solid var(--line);border-radius:5px;align-items:center;gap:13px;min-height:76px;padding:18px;font-size:14px;line-height:1.5;display:flex}.detail-related a>svg{color:var(--sodium);flex-shrink:0}.detail-related a>svg:last-child{margin-left:auto}.detail-related a:hover{border-color:var(--sodium);background:var(--soft)}@media (width<=1000px){.detail-hero{grid-template-columns:minmax(0,1fr) 170px;gap:40px}.detail-section{grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr);gap:6%}.detail-presets{gap:24px}.detail-access{gap:40px}.detail-related>div{gap:12px}.detail-related a{gap:10px;padding:15px}}@media (width<=760px){.detail-page{padding-bottom:36px}.detail-breadcrumb{gap:6px 10px;padding-top:14px;font-size:11px}.detail-hero{padding:28px 0 34px;display:block}.detail-hero h1{margin:18px 0;font-size:clamp(36px,8.7vw,58px)}.detail-tagline{font-size:19px}.detail-intro{font-size:15px;line-height:1.8}.detail-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px!important}.detail-facts>div{gap:10px;padding:20px 0}.detail-facts dd{font-size:27px}.detail-facts dt{font-size:11px}.detail-section{padding:36px 0;display:block}.detail-section-title{margin-bottom:28px}.detail-section-title h2{margin-top:13px;font-size:32px}.detail-presets{gap:26px 20px}.detail-presets dt{font-size:18px}.detail-presets span{margin-bottom:12px}.detail-controls{gap:22px}.detail-controls>div{padding-left:16px}.detail-steps li{gap:16px}.detail-access{padding:36px 0;display:block}.detail-access h2{font-size:34px}.detail-access-actions{gap:18px;margin-top:26px}.detail-related>div{grid-template-columns:1fr;gap:10px}.detail-related a{min-height:64px}.detail-answers summary{font-size:15px}}@media (width<=380px){.detail-presets{grid-template-columns:1fr}.detail-facts{gap:10px}.detail-facts dd{font-size:23px}.detail-eyebrow{letter-spacing:.04em;font-size:10px}}
