.guides-shell{background:var(--background);color:var(--foreground)}.guides-layout{grid-template-columns:minmax(15rem,17.5rem) minmax(0,1fr) minmax(14rem,16.5rem);gap:1.25rem;width:100%;margin:0;padding:2rem 1.25rem 5rem;display:grid}.guide-sidebar,.guide-right-rail{align-self:start;max-height:calc(100vh - 7rem);position:sticky;top:5.8rem;overflow:auto}.guide-sidebar{border:1px solid color-mix(in srgb,var(--foreground)12%,transparent);background:color-mix(in srgb,var(--surface)88%,transparent);border-radius:1rem;padding:1rem}.guide-sidebar-label{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--foreground)58%,transparent);margin:0;font-size:.72rem}.guide-sidebar-title{margin-top:.35rem;font-size:1.05rem;font-weight:700}.guide-sidebar-top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.guide-sidebar-toggle{border:1px solid color-mix(in srgb,var(--foreground)14%,transparent);background:color-mix(in srgb,var(--primary)10%,transparent);color:inherit;cursor:pointer;border-radius:.6rem;padding:.35rem .55rem;font-size:.8rem;font-weight:600;display:none}.guide-sidebar-nav{gap:.85rem;margin-top:1rem;display:grid}.guide-nav-group-label{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--foreground)60%,transparent);margin:0;font-size:.74rem;font-weight:700}.guide-nav-group ul{gap:.25rem;margin:.45rem 0 0;padding:0;list-style:none;display:grid}.guide-nav-link{color:color-mix(in srgb,var(--foreground)84%,transparent);border-radius:.55rem;padding:.4rem .55rem;font-size:.89rem;text-decoration:none;transition:background-color .14s,color .14s;display:block}.guide-nav-link:hover{background:color-mix(in srgb,var(--primary)12%,transparent);color:var(--foreground)}.guide-nav-link.is-active{background:color-mix(in srgb,var(--primary)18%,transparent);color:var(--foreground);font-weight:600}.guide-main{border:1px solid color-mix(in srgb,var(--foreground)12%,transparent);background:color-mix(in srgb,var(--surface)92%,transparent);border-radius:1rem;min-width:0}.guide-article{padding:1.6rem clamp(1rem,2vw,2rem) 2.8rem}.guide-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:color-mix(in srgb,var(--foreground)58%,transparent);margin:0;font-size:.74rem}.guide-article h1{margin-top:.4rem;font-size:clamp(1.7rem,2.7vw,2.4rem);line-height:1.2}.guide-description{color:color-mix(in srgb,var(--foreground)74%,transparent);margin-top:.7rem;font-size:1rem}.guide-body{margin-top:1.5rem;font-size:clamp(.98rem,1.3vw,1.05rem);line-height:1.7}.guide-body h2{margin-top:2.2rem;font-size:clamp(1.3rem,2vw,1.65rem)}.guide-body h3{margin-top:1.5rem;font-size:clamp(1.1rem,1.7vw,1.25rem)}.guide-body p,.guide-body ul,.guide-body ol,.guide-body pre,.guide-body table,.guide-body blockquote{margin-top:.8rem}.guide-body ul,.guide-body ol{padding-left:1.35rem}.guide-body ul{list-style:outside}.guide-body ol{list-style:decimal}.guide-body li{margin-top:.35rem}.guide-body li::marker{color:var(--primary)}.guide-body code{background:color-mix(in srgb,var(--foreground)10%,transparent);border-radius:.3rem;padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em}.guide-body pre{border:1px solid color-mix(in srgb,var(--foreground)12%,transparent);background:color-mix(in srgb,var(--surface-elevated)88%,transparent);border-radius:.75rem;padding:.8rem;overflow-x:auto}.guide-body pre code{background:0 0;padding:0}.guide-body a{color:var(--primary);text-underline-offset:3px}.guide-body blockquote{border-left:3px solid var(--primary);background:color-mix(in srgb,var(--primary)8%,transparent);border-radius:.4rem;padding:.75rem .9rem}.guide-body blockquote>:first-child{margin-top:0}.guide-body blockquote>:last-child{margin-bottom:0}.guide-body table{border-collapse:collapse;width:100%}.guide-body th,.guide-body td{border:1px solid color-mix(in srgb,var(--foreground)14%,transparent);text-align:left;padding:.45rem .6rem}.guide-pagination{border-top:1px solid color-mix(in srgb,var(--foreground)14%,transparent);grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:2rem;padding-top:1rem;display:grid}.guide-pagination-link{border:1px solid color-mix(in srgb,var(--foreground)14%,transparent);background:color-mix(in srgb,var(--surface)92%,transparent);color:inherit;border-radius:.75rem;flex-direction:column;gap:.15rem;padding:.7rem .8rem;text-decoration:none;transition:border-color .14s,background-color .14s;display:flex}.guide-pagination-link:hover{border-color:color-mix(in srgb,var(--primary)40%,transparent);background:color-mix(in srgb,var(--primary)8%,transparent)}.guide-pagination-link.align-right{text-align:right}.guide-pagination-label{text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--foreground)60%,transparent);font-size:.75rem}.guide-pagination-title{font-size:.92rem;font-weight:600}.guide-right-rail{gap:.75rem;display:grid}.guide-right-card{border:1px solid color-mix(in srgb,var(--foreground)12%,transparent);background:color-mix(in srgb,var(--surface)90%,transparent);border-radius:.85rem;padding:.85rem}.guide-right-card h3{text-transform:uppercase;letter-spacing:.05em;color:color-mix(in srgb,var(--foreground)66%,transparent);margin:0;font-size:.86rem}.guide-right-card p{color:color-mix(in srgb,var(--foreground)74%,transparent);margin-top:.45rem;font-size:.86rem}.guide-copy-button{border:1px solid color-mix(in srgb,var(--foreground)14%,transparent);cursor:pointer;background:color-mix(in srgb,var(--primary)12%,transparent);border-radius:.6rem;width:100%;margin-top:.55rem;padding:.5rem .6rem;font-size:.84rem;font-weight:600}.guide-copy-button:hover{background:color-mix(in srgb,var(--primary)20%,transparent)}.guide-toc-list,.guide-reference-list{gap:.3rem;margin-top:.55rem;padding:0;list-style:none;display:grid}.guide-toc-list a,.guide-reference-list a{color:color-mix(in srgb,var(--foreground)86%,transparent);font-size:.84rem;text-decoration:none}.guide-toc-list a:hover,.guide-reference-list a:hover{text-underline-offset:2px;text-decoration:underline}.guide-toc-list a.is-child{color:color-mix(in srgb,var(--foreground)66%,transparent);padding-left:.6rem}.guides-index{width:100%;margin:0;padding:2rem 1.25rem 5rem}.guides-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.9rem;margin-top:1.2rem;display:grid}.guide-card{border:1px solid color-mix(in srgb,var(--foreground)12%,transparent);color:inherit;background:color-mix(in srgb,var(--surface)90%,transparent);border-radius:.95rem;padding:1rem;text-decoration:none}.guide-card p{color:color-mix(in srgb,var(--foreground)74%,transparent);margin-top:.5rem;font-size:.95rem}.guide-card:hover{border-color:color-mix(in srgb,var(--primary)40%,transparent)}@media (max-width:1100px){.guides-layout{grid-template-columns:minmax(14rem,16rem) minmax(0,1fr)}.guide-right-rail{display:none}}@media (max-width:840px){.guides-layout{grid-template-columns:1fr}.guide-sidebar{max-height:none;position:static}.guide-sidebar-toggle{white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.guide-sidebar-nav{display:none}.guide-sidebar-nav.is-open{display:grid}.guide-pagination{grid-template-columns:1fr}.guide-pagination-link.align-right{text-align:left}}