:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#0b0910;color:#eee9f4;line-height:1.7}
*{box-sizing:border-box}body{margin:0}a{color:#d4afff;text-underline-offset:4px}a:hover{color:#fff}a:focus-visible{outline:2px solid #c895ff;outline-offset:5px}
.guide-header,.guide-main,.guide-footer{max-width:960px;margin:auto;padding:24px}
.guide-header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #302536}.guide-header img{display:block;width:72px;height:72px;object-fit:contain}
.guide-header nav{display:flex;gap:24px;flex-wrap:wrap}.guide-header a{text-decoration:none}.guide-main{padding-top:64px;padding-bottom:64px}
.eyebrow{color:#bd8bf6;text-transform:uppercase;font-size:12px;letter-spacing:.16em;font-weight:700}h1{font-size:clamp(36px,7vw,64px);line-height:1.08;letter-spacing:-.04em;margin:16px 0 24px}h2{font-size:25px;line-height:1.3;margin:0 0 16px}h3{font-size:18px;margin:24px 0 8px}
.intro{font-size:19px;max-width:720px;color:#bbb0c7}section{border-top:1px solid #302536;padding-top:32px;margin-top:40px}p,li{max-width:760px}li+li{margin-top:12px}code{font-size:.95em;background:#21182a;padding:3px 8px;border-radius:4px;overflow-wrap:anywhere}
.guide-footer{border-top:1px solid #302536;color:#a396af;font-size:13px}.guide-footer p{margin:6px 0}
@media(max-width:480px){.guide-header nav{gap:12px;font-size:14px}.guide-main{padding-top:40px}ol{padding-left:22px}}