.navr{display:flex;align-items:center;gap:18px}.navlink{color:var(--cream);text-decoration:none;font:600 .95rem var(--display)}.navlink:hover,.navlink[aria-current]{color:var(--lime)}
.flogo{height:28px;width:auto}.m0{margin:0}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 18px;font:.85rem var(--mono);color:var(--muted)}
.crumbs li+li::before{content:"›";margin-right:6px;color:var(--muted)}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--lime)}.crumbs a[aria-current]{color:var(--cream)}
.guide h2{scroll-margin-top:84px}.guide h3{scroll-margin-top:84px}
.guide code{font-family:var(--mono);font-size:.86em;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:1px 5px;overflow-wrap:anywhere}
.guide pre{background:#0F0F1A;border:1px solid var(--line);border-radius:12px;padding:16px 18px;overflow-x:auto;line-height:1.5;margin:16px 0}
.guide pre code{background:none;border:0;padding:0;font-size:.85rem;color:#E6E3F0;overflow-wrap:normal}
.guide blockquote{margin:20px 0;padding:12px 18px;border-left:4px solid var(--sunday);background:rgba(255,122,69,.08);border-radius:0 10px 10px 0}
.guide blockquote p{margin:.3em 0}
.guide hr{border:0;border-top:1px solid var(--line);margin:36px 0}
.lede{font-size:1.12rem;color:var(--muted)}
.cta{background:var(--surface);border:2px solid var(--lime);border-radius:16px;padding:22px 24px;margin:44px 0 20px}
.cta h2{border:0;padding:0;margin:.3em 0 .4em}.ctabtns{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:0}
.btn.ghost{background:transparent;color:var(--lime);border:2px solid var(--lime);box-shadow:none}.btn.ghost:hover{background:rgba(198,255,61,.1);color:var(--lime)}
.related ul{padding-left:1.1em}
.glist{list-style:none;padding:0;display:grid;gap:16px;margin:28px 0}
.gcard a{display:block;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px 22px;text-decoration:none;color:var(--cream)}
.gcard a:hover{border-color:var(--lime)}.gcard h2{border:0;padding:0;margin:0 0 .4em;font-size:1.25rem}.gcard p{margin:0 0 .6em;color:var(--muted)}
.navr .btn{white-space:nowrap}@media (max-width:480px){.navr .btn{padding:10px 12px;font-size:.85rem}.brand img{height:28px}.navr{gap:12px}}@media (max-width:360px){.navr .btn{display:none}}