:root{color-scheme:dark;--bg:#080b12;--surface:#101725;--text:#f6f8ff;--muted:#b0bdd0;--blue:#83afff;--line:#28374c;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--blue)}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}img{max-width:100%;height:auto}.skip-link{position:fixed;left:20px;top:-80px;background:#fff;color:#080b12;padding:12px;z-index:10}.skip-link:focus{top:16px}
.guide-header{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 40px;border-bottom:1px solid var(--line)}.guide-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:24px;letter-spacing:-1px}.guide-brand img{border-radius:9px}.guide-brand span span{color:var(--blue)}.guide-header nav{display:flex;align-items:center;gap:28px;font-size:14px}.guide-header nav a{text-decoration:none}.guide-button{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#2563eb;color:#fff;font-weight:700;text-decoration:none;padding:16px 22px;font-size:14px}.guide-button:hover{background:#3473ff;color:white}
.guide-hub,.guide-article{max-width:1280px;margin:auto;padding:56px 40px 80px}.guide-hub h1,.article-intro h1{font-size:clamp(38px,5.5vw,72px);line-height:1.06;letter-spacing:-.055em;max-width:1040px;margin:22px 0 28px}.guide-hub h1 span{color:var(--blue)}.eyebrow{font-family:Consolas,monospace;text-transform:uppercase;letter-spacing:1.5px;color:var(--blue);font-size:12px;font-weight:600}.guide-lede{max-width:850px;font-size:21px;line-height:1.65;color:var(--muted)}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:56px}.guide-card{display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid var(--line);padding-top:25px;text-decoration:none;gap:18px}.guide-card h3{font-size:28px;line-height:1.15;letter-spacing:-1px;margin:0}.guide-card p{line-height:1.65;color:var(--muted);margin:0}.guide-read{margin-top:auto;color:var(--blue);padding-top:8px;font-size:14px;font-weight:700}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--muted);margin-bottom:40px}.article-intro{padding-bottom:40px;border-bottom:1px solid var(--line)}.article-byline{font-size:13px;color:var(--muted)}.article-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;padding-top:48px}.guide-toc nav{position:sticky;top:28px;display:flex;flex-direction:column;gap:18px}.guide-toc strong{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--blue)}.guide-toc a{font-size:14px;line-height:1.55;text-decoration:none;color:var(--muted)}.guide-toc a:hover{color:white}.article-body{max-width:770px;min-width:0}.article-body section{scroll-margin-top:28px;margin-bottom:44px}.article-body h2{font-size:30px;line-height:1.2;letter-spacing:-.7px;margin:0 0 20px}.article-body p,.article-body li{font-size:17px;line-height:1.8;color:var(--muted)}.article-body strong{color:var(--text)}.article-body ul,.article-body ol{padding-left:24px}.article-body li{padding-left:4px;margin-bottom:10px}.guide-example{background:var(--surface);border-left:3px solid #2563eb;padding:24px 28px;margin:26px 0;border-radius:0 12px 12px 0}.guide-example p:last-child{margin-bottom:0}.guide-next{border-top:1px solid var(--line);padding-top:30px}.guide-next .guide-button{margin-top:12px}.guide-related a{display:block;line-height:1.6;padding:18px 0;color:var(--blue);border-bottom:1px solid var(--line)}.guide-footer{max-width:1280px;margin:auto;border-top:1px solid var(--line);padding:36px 40px;color:var(--muted)}.guide-footer nav{display:flex;flex-wrap:wrap;gap:22px;font-size:14px;margin:24px 0 36px}.guide-footer small{display:block;text-align:center;color:var(--muted);font-size:12px}
@media(max-width:900px){.article-layout{grid-template-columns:1fr;gap:36px}.guide-toc nav{position:static;display:grid;grid-template-columns:1fr 1fr}.guide-toc strong{grid-column:1/-1}.guide-grid{grid-template-columns:1fr;gap:36px}.guide-card h3{max-width:650px}}
@media(max-width:600px){.guide-header{padding:16px 20px;gap:12px}.guide-brand{font-size:19px}.guide-brand img{width:32px;height:32px}.guide-header nav{gap:12px}.guide-header nav>a:first-child{display:none}.guide-header .guide-button{padding:12px;font-size:11px}.guide-hub,.guide-article{padding:32px 22px 48px}.guide-lede{font-size:18px}.article-intro h1{font-size:40px}.guide-toc nav{grid-template-columns:1fr}.guide-footer{padding:28px 22px}.article-body h2{font-size:27px}.guide-example{padding:20px}.breadcrumbs{font-size:12px;margin-bottom:28px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}