.guide-refonte{min-height:100vh;background-color:var(--bg);color:var(--text);background-image:radial-gradient(circle,color-mix(in srgb,var(--dot) 40%,transparent) 1px,transparent 1px);background-size:24px 24px}.guide-refonte .bg-card{background-color:var(--surface)!important}.guide-refonte .bg-muted,.guide-refonte [class~="bg-muted/30"],.guide-refonte [class~="bg-muted/50"]{background-color:var(--surface-hover)!important}.guide-refonte .text-primary,.guide-refonte [class~="hover:text-primary"]:hover{color:var(--accent)!important}.guide-refonte [class~="bg-primary/5"]{background-color:color-mix(in srgb,var(--accent) 5%,transparent)!important}.guide-refonte [class~="bg-primary/10"]{background-color:color-mix(in srgb,var(--accent) 10%,transparent)!important}.guide-refonte [class~="bg-primary/20"]{background-color:color-mix(in srgb,var(--accent) 20%,transparent)!important}.guide-refonte [class~="border-primary/20"]{border-color:color-mix(in srgb,var(--accent) 20%,transparent)!important}.guide-refonte [class~="border-primary/30"]{border-color:color-mix(in srgb,var(--accent) 30%,transparent)!important}.guide-refonte [class~="border-primary/50"]{border-color:color-mix(in srgb,var(--accent) 50%,transparent)!important}.guide-accent-text{color:var(--accent)!important}.guide-accent-soft-10{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)!important}.guide-accent-soft-20{background:color-mix(in srgb,var(--accent) 20%,transparent);border-color:color-mix(in srgb,var(--accent) 50%,transparent)!important}.guide-accent-solid{background:var(--accent);color:var(--bg)}.guide-refonte :is(h1,h2,h3,h4){font-family:Space Grotesk,Inter,sans-serif;letter-spacing:-.035em}.guide-header{border-color:var(--border);background-color:color-mix(in srgb,var(--bg-elevated) 94%,transparent)}.guide-header>div{min-height:52px;gap:16px}.guide-brand-logo{display:block;max-width:min(30vw,190px);-o-object-fit:contain;object-fit:contain}.guide-search input::-moz-placeholder{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em}.guide-breadcrumb,.guide-toc-label,.guide-code-toolbar>span,.guide-search input::placeholder{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em}.guide-breadcrumb{color:var(--text-muted);text-transform:uppercase;white-space:nowrap}.guide-breadcrumb [aria-current=page]{color:var(--text)}.guide-layout{display:grid;grid-template-columns:260px minmax(0,1fr) 190px;align-items:start;gap:28px}.guide-sidebar-inner{top:76px;max-height:calc(100vh - 96px);overflow-y:auto;padding:16px;border:1px solid var(--border);border-radius:12px;background-color:color-mix(in srgb,var(--bg-elevated) 94%,transparent);background-image:radial-gradient(circle,color-mix(in srgb,var(--dot) 50%,transparent) 1px,transparent 1px);background-size:24px 24px}.guide-search{display:flex;min-height:42px;align-items:center;gap:10px;margin-bottom:18px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text-muted)}.guide-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.guide-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:400 13px Inter,sans-serif}.guide-search input::-moz-placeholder{color:var(--text-dim);letter-spacing:0}.guide-search input::placeholder{color:var(--text-dim);letter-spacing:0}.guide-badge{border-color:var(--border)!important;background:var(--surface)!important}.guide-badge :is(span,p,svg){color:var(--text-muted)!important}.guide-sidebar-title{margin-bottom:12px;color:var(--text);font-size:11px;letter-spacing:.13em;text-transform:uppercase}.guide-chapter-scroll [data-testid^=nav-chapter-]{color:var(--text-muted);border:1px solid transparent}.guide-chapter-scroll [data-testid^=nav-chapter-]:hover{border-color:var(--border);background:var(--surface-hover);color:var(--text)}.guide-chapter-scroll [aria-current=location]{border-color:var(--border);background:var(--surface);color:var(--accent)}.guide-main{width:100%;max-width:720px;margin-inline:auto}.guide-main>section{margin-bottom:160px;scroll-margin-top:88px}.guide-main .shadcn-card{border-color:var(--border);background:color-mix(in srgb,var(--bg-elevated) 96%,transparent);box-shadow:none}.guide-main .border-t,.guide-main .border-b{border-color:var(--border)}.guide-toc{min-width:0;position:sticky;top:100px;align-self:start;padding:12px 0}.guide-toc-label{margin:0 0 12px;color:var(--text-dim);font-size:10px;text-transform:uppercase}.guide-toc nav{display:grid;gap:4px;border-left:1px solid var(--border)}.guide-toc nav button{display:flex;align-items:baseline;gap:8px;margin-left:-1px;padding:7px 8px;border:0;border-left:1px solid transparent;background:transparent;color:var(--text-muted);font:400 12px/1.4 Inter,sans-serif;text-align:left;cursor:pointer;transition:color .18s ease,border-color .18s ease}.guide-toc nav button:hover,.guide-toc nav button.is-active{border-left-color:var(--accent);color:var(--accent)}.guide-toc nav button span{color:var(--text-dim);font:400 10px JetBrains Mono,monospace}.guide-toc-cta{display:flex;align-items:center;gap:8px;margin-top:20px;color:var(--accent);font-size:12px;text-decoration:none}.guide-toc-cta:hover{color:var(--text)}.guide-code-block{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.guide-code-toolbar{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:12px;padding:4px 8px 4px 14px;border-bottom:1px solid var(--border)}.guide-code-toolbar>span{color:var(--text-dim);font-size:9px}.guide-code-block pre{overflow-x:auto;margin:0;padding:16px;color:var(--text);font:400 13px/1.6 JetBrains Mono,monospace}@media(max-width:1279px){.guide-layout{grid-template-columns:260px minmax(0,1fr)}.guide-toc{display:none}}@media(max-width:1023px){.guide-layout{grid-template-columns:minmax(0,1fr);gap:20px}.guide-sidebar-inner{position:static;max-height:none;padding:12px}.guide-sidebar-title,.guide-badge,.guide-sidebar-inner>.my-4,.guide-sidebar-inner>.space-y-2{display:none}.guide-chapter-scroll{height:auto!important;max-height:180px}.guide-main{max-width:none}}@media(max-width:640px){.guide-shell{padding:16px 12px 40px}.guide-header>div{padding-block:8px}.guide-header-action{min-width:38px;padding-inline:8px}.guide-header-action .mr-2{margin-right:0}.guide-header-button-label{display:none}.guide-main>section{margin-bottom:88px}.guide-main .text-2xl{font-size:1.25rem}.guide-main .p-6{padding:1rem}}@media(prefers-reduced-motion:reduce){.guide-refonte *,.guide-refonte *:before,.guide-refonte *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.guide-refonte{--bg-elevated: var(--bg-tint);--surface-hover: var(--surface-alt);--dot: var(--grid-dot);min-height:100dvh;color:var(--text);background-color:var(--bg);background-image:radial-gradient(circle,var(--grid-dot) .8px,transparent .8px);background-size:24px 24px}.guide-refonte.bg-background,.guide-refonte .bg-background{background-color:var(--bg)!important}.guide-refonte .bg-card,.guide-refonte .shadcn-card{background-color:var(--surface)!important}.guide-refonte .bg-muted,.guide-refonte [class~="bg-muted/30"],.guide-refonte [class~="bg-muted/50"]{background-color:var(--surface-alt)!important}.guide-refonte .text-foreground{color:var(--text)!important}.guide-refonte .text-muted-foreground{color:var(--text-muted)!important}.guide-refonte .border,.guide-refonte .border-border,.guide-refonte .border-card-border{border-color:var(--border)!important}.guide-refonte .text-primary,.guide-refonte [class~="hover:text-primary"]:hover{color:var(--primary)!important}.guide-refonte .bg-primary,.guide-refonte [class~="hover:bg-primary/90"]:hover{background-color:var(--accent)!important}.guide-refonte .guide-header{background:color-mix(in srgb,var(--bg) 96%,transparent)}.guide-refonte .guide-sidebar-inner{background-color:var(--bg-tint);background-image:radial-gradient(circle,var(--grid-dot) .7px,transparent .7px)}.guide-refonte .guide-main .shadcn-card{background:var(--surface);box-shadow:var(--sh-1)}.guide-refonte .guide-chapter-scroll [aria-current=location]{background:var(--accent-soft);color:var(--primary);border-color:var(--border-bright)}.guide-refonte .guide-code-block{background:var(--bg-canvas)}.guide-refonte .guide-header-action{color:var(--navy);border-color:var(--border)}.guide-refonte .guide-brand-logo{height:28px}