.guide-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:clamp(40px,5vw,80px);align-items:start;padding-block:clamp(40px,6vw,72px) 120px}.guide-sidebar{position:sticky;top:88px;min-width:0}.guide-back{display:inline-flex;align-items:center;gap:var(--space-2);min-height:36px;color:var(--quiet);text-decoration:none;font-size:var(--text-sm);margin-bottom:var(--space-6)}.guide-back:hover{color:var(--ink)}.guide-contents-label{margin:0 0 var(--space-2);color:var(--text-muted);font-size:var(--text-xs)}.guide-sidebar nav,.guide-mobile-contents nav{display:grid;gap:2px}.guide-sidebar nav a,.guide-mobile-contents nav a{display:flex;align-items:center;gap:var(--space-3);min-height:36px;padding:var(--space-2) var(--space-3);margin-inline:calc(var(--space-3) * -1);border-radius:var(--radius-control);text-decoration:none;color:var(--quiet);font-size:var(--text-sm);line-height:1.35;transition:background-color .16s ease,color .16s ease}.guide-sidebar nav a>span,.guide-mobile-contents nav a>span{color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.guide-sidebar nav a:hover,.guide-mobile-contents nav a:hover{color:var(--ink);background:var(--well)}.guide-sidebar nav a[aria-current],.guide-mobile-contents nav a[aria-current]{color:var(--ink);background:var(--well);font-weight:500}.guide-install-nav{padding-left:30px;margin-block:2px var(--space-1)}.guide-sidebar .guide-install-nav a,.guide-mobile-contents .guide-install-nav a{min-height:30px;font-size:var(--text-xs);padding-block:4px}.guide-body{min-width:0;max-width:880px}.guide-header{display:grid;gap:var(--space-4);margin-bottom:clamp(32px,4vw,48px)}.guide-header>p{margin:0}.guide-header h1{font-size:clamp(2.25rem,4.4vw,3.5rem);text-wrap:balance}.guide-header .lede{max-width:36rem}.guide-section{scroll-margin-top:88px;margin-top:clamp(64px,7.5vw,96px)}.guide-section>h2,.guide-section-head h2{margin:0 0 var(--space-3);font-family:var(--font-display);font-weight:600;letter-spacing:-.035em;font-size:clamp(1.625rem,2.6vw,2.125rem);line-height:1.15}.guide-section h3{margin:0;font-size:var(--text-base);font-weight:600;line-height:1.35;letter-spacing:-.01em}:where(.guide-section) p{margin:0;color:var(--quiet);font-size:var(--text-base);line-height:1.65;overflow-wrap:anywhere}.guide-section>p{max-width:42rem}.guide-mobile-contents{display:none}@media(max-width:1024px){.guide-layout{display:block}.guide-sidebar{display:none}.guide-body{margin-inline:auto}.guide-mobile-contents{display:block;position:sticky;top:60px;z-index:20;margin:0 calc(var(--space-4) * -1) var(--space-8);padding-inline:var(--space-4);background:color-mix(in oklab,var(--background) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle)}.guide-mobile-contents summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;min-height:48px;font-size:var(--text-sm);font-weight:500}.guide-mobile-contents summary::-webkit-details-marker{display:none}.guide-mobile-contents summary svg{transition:rotate .2s ease}.guide-mobile-contents[open] summary svg{rotate:180deg}.guide-mobile-contents nav{padding:0 var(--space-3) var(--space-4);max-height:60svh;overflow-y:auto}.guide-mobile-contents .guide-install-nav a{min-height:40px}}@media(max-width:640px){.guide-layout{padding-block:var(--space-8) 80px}.guide-header h1{font-size:2.25rem}.guide-section{margin-top:64px}:where(.guide-section) p{font-size:15px}}