.guide-page{background:#17182c;color:#f7f5ff;min-height:100vh}
.guide-hero{padding:clamp(56px,8vw,112px) max(22px,calc((100vw - 1180px)/2)) clamp(46px,6vw,78px);background:radial-gradient(circle at 84% 14%,rgba(237,62,134,.22),transparent 32%),radial-gradient(circle at 12% 82%,rgba(114,244,220,.11),transparent 32%),#10111f;border-bottom:1px solid #363955}
.guide-hero h1{max-width:900px;font-size:clamp(48px,7vw,96px);line-height:.94}
.guide-hero h1 em{color:#72f4dc}
.guide-hero>p:not(.kicker){max-width:790px;margin:28px 0 0;color:#c5c7da;font-size:clamp(15px,1.7vw,19px);line-height:1.7}
.guide-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.guide-hero-actions a{display:inline-flex;align-items:center;padding:13px 17px;background:#ed3e86;color:#fff;text-decoration:none;font:11px "DM Mono",monospace;letter-spacing:.04em}
.guide-hero-actions a+ a{background:#252840;border:1px solid #555978}
.guide-hero .guide-version{max-width:860px!important;margin-top:38px!important;padding:19px 22px;border-left:3px solid #72f4dc;background:#20223a;color:#d9daea!important;font-size:13px!important}
.guide-version strong{color:#72f4dc}
.guide-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:clamp(30px,5vw,74px);max-width:1320px;margin:auto;padding:clamp(38px,5vw,70px) clamp(22px,5vw,64px) 110px}
.guide-sidebar{min-width:0}
.guide-sticky{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;padding-right:12px;scrollbar-color:#555978 #17182c}
.guide-sticky>p{margin:0 0 15px;color:#72f4dc;text-transform:uppercase;letter-spacing:.12em;font:10px "DM Mono",monospace}
.guide-sticky nav{display:grid;border-top:1px solid #3f425e}
.guide-sticky nav a{padding:9px 5px;border-bottom:1px solid #343752;color:#c5c7da;text-decoration:none;font:12px/1.45 Manrope,Arial,sans-serif}
.guide-sticky nav a:hover,.guide-sticky nav a:focus-visible{color:#72f4dc;outline:none}
.guide-sticky small{display:block;margin-top:20px;color:#9093ae;font:10px/1.5 "DM Mono",monospace}
.guide-article{min-width:0;max-width:810px}
.guide-section{padding:4px 0 62px;margin-bottom:52px;border-bottom:1px solid #393c5b;scroll-margin-top:30px}
.guide-section h2,.guide-sources h2{margin:0 0 24px;color:#f7f5ff;font-size:clamp(32px,4.2vw,50px);line-height:1.07;letter-spacing:-.055em}
.guide-section h3{margin:36px 0 14px;color:#72f4dc;font-size:22px;line-height:1.2;letter-spacing:-.035em}
.guide-section p,.guide-section li,.guide-sources p{color:#c8cadb;font:15px/1.82 Manrope,Arial,sans-serif}
.guide-section p{margin:0 0 21px}
.guide-section ul{margin:4px 0 28px;padding-left:24px}
.guide-section li{padding-left:5px;margin-bottom:10px}
.guide-section li::marker{color:#72f4dc}
.guide-section strong{color:#f5f5ff}
.guide-section code{padding:2px 5px;background:#30334d;color:#a7f8e8;font:13px "DM Mono",monospace;overflow-wrap:anywhere}
.guide-section a,.guide-sources a{color:#72f4dc;text-underline-offset:3px}
.guide-note{margin:30px 0;padding:20px 23px;border-left:3px solid #ed3e86;background:#20223a;color:#f0dbe8;font:14px/1.7 Manrope,Arial,sans-serif}
.guide-figure{margin:34px 0 42px;background:#0e1020;border:1px solid #4c5074;box-shadow:9px 9px 0 #ed3e86}
.guide-figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.guide-figure figcaption{padding:12px 15px;color:#aeb2cb;font:10px/1.5 "DM Mono",monospace}
.guide-figure figcaption a{color:#72f4dc}
.guide-sources{padding:28px;background:#20223a;border:1px solid #4c5074}
.guide-sources h2{font-size:32px}
.guide-sources p{margin:0 0 18px;font-size:13px}
.guide-sources p:last-child{margin-bottom:0}
.topbar nav{gap:clamp(10px,1.5vw,24px)}
@media(max-width:900px){.guide-layout{grid-template-columns:1fr;gap:30px}.guide-sticky{position:static;max-height:none;padding-right:0}.guide-sticky nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;max-height:210px;overflow:auto}.guide-article{max-width:none}}
@media(max-width:600px){.guide-hero{padding-left:22px;padding-right:22px}.guide-layout{padding-left:22px;padding-right:22px}.guide-sticky nav{grid-template-columns:1fr}.guide-section{padding-bottom:35px;margin-bottom:36px}.guide-section p,.guide-section li{font-size:14px;line-height:1.75}.guide-figure{box-shadow:6px 6px 0 #ed3e86;margin-right:6px}.guide-sources{padding:20px}}