.guide-page{--guide-gutter:clamp(16px, 3vw, 40px);min-height:100svh;font-family:var(--font-copy);isolation:isolate;padding:0 0 40px;position:relative}.guide-page .home-backdrop{opacity:var(--home-image-opacity,.5)}.guide-topbar{z-index:2;border-bottom:1px solid color-mix(in srgb, var(--primary) 34%, transparent);background:color-mix(in srgb, var(--background) 87%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-height:60px;position:relative;box-shadow:0 12px 34px #0000003d}.guide-topbar-inner{width:min(1360px, calc(100% - 2 * var(--guide-gutter)));justify-content:space-between;align-items:center;gap:16px;min-height:60px;margin:0 auto;display:flex}.guide-brand{gap:0;min-height:42px}.guide-topbar .wordmark-mark{width:39px;height:44px}.guide-topbar .wordmark-name{font-size:25px}.guide-brand:hover .wordmark-name{color:var(--primary)}.guide-back-link{min-height:30px;color:color-mix(in srgb, var(--foreground) 78%, transparent);align-items:center;gap:10px;margin-bottom:5px;font-size:14px;font-weight:600;transition:color .18s,transform .18s;display:inline-flex}.guide-back-link:hover{color:var(--primary);transform:translate(-3px)}.guide-back-link svg{width:16px;height:16px}.guide-language{border:1px solid color-mix(in srgb, var(--foreground) 21%, transparent);background:color-mix(in srgb, var(--card) 70%, transparent);border-radius:5px;gap:3px;padding:3px;display:flex}.guide-language button{min-width:38px;min-height:31px;color:var(--foreground);cursor:pointer;background:0 0;border:0;border-radius:4px;font-size:13px;font-weight:700}.guide-language button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}.guide-shell{width:min(1080px, calc(100% - 2 * var(--guide-gutter)));margin:0 auto}.guide-intro{text-shadow:0 2px 18px #0000008c;padding:14px 0 20px;position:relative}.guide-eyebrow{color:var(--primary);font-family:var(--font-display);text-transform:uppercase;align-items:center;gap:6px;margin:0 0 6px;font-size:12px;font-weight:700;display:flex}.guide-eyebrow svg{flex:none;width:15px;height:15px}.guide-intro h1{max-width:850px;color:var(--foreground);font-family:var(--font-title);text-wrap:balance;margin:0;padding-bottom:11px;font-size:clamp(30px,3.5vw,42px);font-weight:500;line-height:1.04;position:relative}.guide-intro h1:after{background:var(--primary);width:54px;height:1px;box-shadow:28px 0 0 color-mix(in srgb, var(--primary) 30%, transparent);content:"";position:absolute;bottom:0;left:0}.guide-intro-copy{max-width:680px;color:color-mix(in srgb, var(--foreground) 82%, transparent);margin:9px 0 0;font-size:15px;line-height:1.5}.guide-workspace{grid-template-columns:200px minmax(0,1fr);align-content:start;align-items:start;gap:14px;min-height:360px;display:grid}.guide-categories{border:1px solid color-mix(in srgb, var(--primary) 34%, transparent);background:color-mix(in srgb, var(--background) 76%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:7px;gap:2px;padding:6px;display:grid;position:sticky;top:12px;box-shadow:0 18px 36px #0003}.guide-categories button{width:100%;min-height:46px;color:var(--foreground);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-left-width:2px;border-radius:3px;align-items:center;gap:9px;padding:7px 8px;font-family:inherit;font-size:13px;font-weight:600;transition:background .16s,border-color .16s,transform .16s;display:flex}.guide-categories button:hover{background:color-mix(in srgb, var(--primary) 9%, transparent)}.guide-categories button[aria-pressed=true]{border-color:color-mix(in srgb, var(--primary) 34%, transparent);border-left-color:var(--primary);background:color-mix(in srgb, var(--primary) 15%, var(--background));box-shadow:inset 0 1px #ffffff0f}.guide-categories svg{width:16px;height:16px;color:var(--primary);flex:none}.guide-categories span{flex:1}.guide-categories small{border:1px solid color-mix(in srgb, var(--primary) 23%, transparent);background:color-mix(in srgb, var(--background) 55%, transparent);min-width:24px;height:24px;color:color-mix(in srgb, var(--foreground) 84%, transparent);border-radius:4px;place-items:center;font-size:12px;display:grid}.guide-issues{border:1px solid color-mix(in srgb, var(--primary) 39%, transparent);background:color-mix(in srgb, var(--background) 79%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:7px;min-width:0;padding:18px clamp(14px,2vw,22px) 24px;position:relative;box-shadow:0 24px 54px #0000003d}.guide-issues:before{background:var(--primary);width:60px;height:2px;box-shadow:27px 0 0 color-mix(in srgb, var(--primary) 28%, transparent);content:"";position:absolute;top:-1px;left:clamp(14px,2vw,22px)}.guide-issues-head{justify-content:space-between;align-items:end;gap:14px;margin-bottom:12px;display:flex}.guide-issues-head p{color:var(--primary);font-family:var(--font-display);margin:0 0 4px;font-size:12px;font-weight:700}.guide-issues-head h2{font-family:var(--font-title);margin:0;font-size:clamp(23px,2.4vw,30px);font-weight:500;line-height:1.1}.guide-issues-head>span{color:color-mix(in srgb, var(--foreground) 70%, transparent);white-space:nowrap;padding-bottom:4px;font-size:13px}.guide-search{border:1px solid color-mix(in srgb, var(--primary) 34%, transparent);background:color-mix(in srgb, var(--card) 69%, transparent);border-radius:4px;align-items:center;gap:10px;min-height:42px;margin-bottom:10px;padding:0 13px;display:flex}.guide-search svg{width:17px;height:17px;color:var(--primary);flex:none}.guide-search input{width:100%;min-width:0;color:var(--foreground);font:15px var(--font-copy);background:0 0;border:0;outline:none}.guide-search input::placeholder{color:var(--muted-foreground)}.guide-topic-nav{grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:8px;margin-bottom:12px;display:grid}.guide-topic-arrow{border:1px solid color-mix(in srgb, var(--primary) 58%, transparent);background:color-mix(in srgb, var(--background) 70%, transparent);width:38px;height:38px;color:var(--primary);cursor:pointer;border-radius:4px;place-items:center;transition:background .16s,opacity .16s;display:grid}.guide-topic-arrow:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 26%, var(--background))}.guide-topic-arrow:disabled{opacity:.42;cursor:default}.guide-topic-arrow svg{width:19px;height:19px}.guide-topics{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:7px;min-width:0;display:flex;overflow-x:auto}.guide-topics::-webkit-scrollbar{display:none}.guide-topics button{scroll-snap-align:start;border:1px solid color-mix(in srgb, var(--foreground) 24%, transparent);background:color-mix(in srgb, var(--card) 68%, transparent);min-height:38px;color:var(--foreground);cursor:pointer;font:600 13px var(--font-copy);border-radius:4px;flex:none;padding:6px 11px}.guide-topics button[aria-pressed=true],.guide-topics button:hover{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 18%, var(--background))}.guide-issue-list.is-sync{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.guide-issue-list.is-sync .guide-issue{border:1px solid color-mix(in srgb, var(--primary) 26%, transparent);background:color-mix(in srgb, var(--card) 57%, transparent);border-radius:5px;min-width:0;transition:border-color .18s,background .18s}.guide-issue-list.is-sync .guide-issue:hover,.guide-issue-list.is-sync .guide-issue.is-open{border-color:color-mix(in srgb, var(--guide-accent) 67%, transparent);background:color-mix(in srgb, var(--card) 76%, transparent)}.guide-issue-list.is-sync .guide-issue.is-open,.guide-issue-list.is-sync .guide-sync-help{grid-column:1/-1}.guide-sync-cover{border:1px solid color-mix(in srgb, var(--guide-accent) 52%, transparent);background:color-mix(in srgb, var(--background) 82%, transparent);border-radius:4px;flex:none;width:55px;height:55px;display:block;overflow:hidden}.guide-sync-cover img{object-fit:cover;width:100%;height:100%;display:block}.guide-issue-list.is-sync .guide-issue-trigger{min-height:71px;padding:7px 10px}.guide-sync-help .guide-issue-number svg{width:19px;height:19px;display:block}.guide-issue-list.is-sync .guide-issue-panel-content{padding:0 12px 14px}.guide-issue-list.is-sync .guide-prompt pre{scrollbar-gutter:stable;max-height:min(45svh,420px);overflow-y:auto}.guide-issue{--guide-accent:var(--primary);border-top:1px solid color-mix(in srgb, var(--primary) 22%, var(--foreground) 12%)}.guide-issue.is-open{border-top-color:color-mix(in srgb, var(--guide-accent) 66%, var(--primary));background:color-mix(in srgb, var(--card) 36%, transparent)}.guide-issue:last-child{border-bottom:1px solid color-mix(in srgb, var(--primary) 22%, var(--foreground) 12%)}.guide-issue h3{margin:0}.guide-issue-trigger{width:100%;min-height:55px;color:var(--foreground);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:8px 6px;font-family:inherit;display:flex}.guide-issue-number{color:var(--guide-accent);font-family:var(--font-en-serif), Georgia, serif;font-size:14px;font-weight:600}.guide-issue-title{flex:1;gap:3px;min-width:0;display:grid}.guide-issue-title strong{font-family:var(--font-title);font-size:17px;font-weight:500;line-height:1.3}.guide-issue-title small{color:var(--muted-foreground);font-size:12px;line-height:1.4}.guide-issue-trigger>svg{width:18px;height:18px;color:var(--guide-accent);flex:none;transition:transform .18s}.guide-issue.is-open .guide-issue-trigger>svg{transform:rotate(180deg)}.guide-issue-trigger:hover .guide-issue-title strong{color:var(--guide-accent)}.guide-detail-state{color:var(--muted-foreground);margin:0;padding:15px 0;font-size:14px;display:block}.guide-issue-panel{opacity:0;visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.22,.85,.25,1),opacity .24s,visibility 0s linear .3s;display:grid}.guide-issue-panel.is-open{opacity:1;visibility:visible;grid-template-rows:1fr;transition:grid-template-rows .3s cubic-bezier(.22,.85,.25,1),opacity .24s,visibility}.guide-issue-panel-inner{min-height:0;overflow:hidden}.guide-issue-panel-content{padding:0 10px 18px 26px;transition:transform .3s;transform:translateY(-6px)}.guide-issue-panel.is-open .guide-issue-panel-content{transform:translateY(0)}.guide-answer-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;display:grid}.guide-answer-grid[data-single]{grid-template-columns:minmax(0,1fr)}.guide-answer-grid section{border:0;border-left:2px solid color-mix(in srgb, var(--guide-accent) 58%, var(--primary));background:color-mix(in srgb, var(--card) 72%, transparent);padding:13px 15px}.guide-issue-panel h4{color:color-mix(in srgb, var(--primary) 85%, var(--foreground));margin:0 0 8px;font-size:14px;font-weight:700}.guide-rich-text{color:var(--foreground);overflow-wrap:anywhere;font-size:16px;line-height:1.7}.guide-rich-text>:first-child{margin-top:0}.guide-rich-text>:last-child{margin-bottom:0}.guide-rich-text p,.guide-rich-text ul,.guide-rich-text ol,.guide-rich-text blockquote{margin:0 0 .85em}.guide-rich-text ul,.guide-rich-text ol{padding-left:1.5em}.guide-rich-text li+li{margin-top:.25em}.guide-rich-text h2,.guide-rich-text h3,.guide-rich-text h4{color:var(--foreground);font-family:var(--font-title);margin:1.25em 0 .45em;line-height:1.3}.guide-rich-text h2{font-size:1.35em}.guide-rich-text h3{font-size:1.2em}.guide-rich-text h4{font-size:1.08em}.guide-rich-text blockquote{border-left:2px solid var(--guide-accent);color:color-mix(in srgb, var(--foreground) 82%, transparent);padding-left:13px}.guide-rich-text code{background:color-mix(in srgb, var(--guide-accent) 17%, var(--background));border-radius:3px;padding:2px 4px;font-size:.92em}.guide-rich-text pre{background:color-mix(in srgb, var(--background) 93%, transparent);white-space:pre-wrap;border-radius:4px;padding:12px;overflow-x:auto}.guide-rich-text pre code{background:0 0;padding:0}.guide-rich-text a{color:var(--guide-accent);text-underline-offset:3px;text-decoration:underline}.guide-rich-color,.guide-rich-gradient{-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:700}.guide-rich-gradient{color:#0000;-webkit-background-clip:text;background-clip:text}.guide-rich-dark{background-color:#f7f2e5e0;border-radius:2px;padding:0 .17em}.guide-prompt{border:1px solid color-mix(in srgb, var(--guide-accent) 42%, transparent);border-top-color:color-mix(in srgb, var(--guide-accent) 72%, var(--primary));background:color-mix(in srgb, var(--background) 74%, transparent);border-radius:4px;min-width:0;margin-top:12px;padding:14px 16px 16px}.guide-prompt-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.guide-prompt-head h4{margin:0}.guide-prompt-head button{border:1px solid var(--primary);background:color-mix(in srgb, var(--primary) 13%, var(--background));min-height:38px;color:var(--foreground);cursor:pointer;font:600 13px var(--font-copy);border-radius:4px;align-items:center;gap:7px;padding:6px 11px;display:inline-flex}.guide-prompt-head button:hover{background:color-mix(in srgb, var(--primary) 25%, var(--background))}.guide-prompt-head svg{width:16px;height:16px}.guide-prompt pre{max-width:100%;color:var(--foreground);font:14px/1.65 var(--font-geist-mono), Consolas, monospace;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin:0;overflow-x:auto}.guide-prompt>p{color:var(--muted-foreground);margin:12px 0 0;font-size:13px}.guide-empty{color:var(--muted-foreground);margin:20px 0 0;font-size:15px;line-height:1.6}.guide-footnote{border-top:1px solid color-mix(in srgb, var(--primary) 20%, transparent);color:var(--muted-foreground);margin:16px 0 0 214px;padding-top:10px;font-size:14px;line-height:1.6}.guide-back-to-top{z-index:20;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));border:1px solid color-mix(in srgb, var(--primary) 70%, transparent);background:color-mix(in srgb, var(--background) 88%, var(--card));width:48px;height:48px;color:var(--primary);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:5px;place-items:center;transition:transform .16s,background .16s;display:grid;position:fixed;box-shadow:0 10px 28px #0000004d}.guide-back-to-top:hover{background:color-mix(in srgb, var(--primary) 16%, var(--background));transform:translateY(-3px)}.guide-back-to-top svg{width:21px;height:21px}:is(.guide-topic-arrow:focus-visible,.guide-back-to-top:focus-visible){outline:2px solid var(--foreground);outline-offset:3px}@media (max-width:800px){.guide-workspace{grid-template-columns:1fr;gap:6px}.guide-categories{scroll-snap-type:x proximity;overscroll-behavior-inline:contain;gap:5px;display:flex;position:static;overflow-x:auto}.guide-categories button{scroll-snap-align:start;flex:none;width:auto;min-width:140px}.guide-footnote{margin-left:0}}@media (max-width:560px){.guide-issue-list.is-sync{grid-template-columns:1fr}.guide-page{--guide-gutter:12px;padding-bottom:24px}.guide-topbar,.guide-topbar-inner{min-height:52px}.guide-topbar .wordmark-mark{width:35px;height:38px}.guide-topbar .wordmark-name{font-size:22px}.guide-back-link{gap:7px;min-height:26px;margin-bottom:3px;font-size:13px;line-height:1.35}.guide-intro{padding:9px 0 8px}.guide-eyebrow{display:none}.guide-intro h1{padding-bottom:6px;font-size:clamp(25px,5.7vw,30px)}.guide-intro-copy{margin-top:4px;font-size:14px;line-height:1.5}.guide-categories{padding:4px}.guide-categories button{gap:6px;min-width:126px;min-height:42px;padding:5px 7px;font-size:13px;line-height:1.25}.guide-categories svg{width:15px;height:15px}.guide-categories small{min-width:21px;height:21px;font-size:11px}.guide-issues{padding:14px 12px 20px}.guide-topic-nav{grid-template-columns:35px minmax(0,1fr) 35px;gap:5px}.guide-topic-arrow{width:35px;height:38px}.guide-issues-head{align-items:start}.guide-issues-head h2{font-size:23px}.guide-issues-head>span{padding-top:3px;font-size:12px}.guide-issue-trigger{gap:8px;min-height:52px;padding-inline:4px}.guide-issue-title strong{font-size:15.5px}.guide-issue-panel-content{padding-left:0;padding-right:0}.guide-back-to-top{width:44px;height:44px}.guide-answer-grid{grid-template-columns:1fr;gap:9px}.guide-answer-grid section,.guide-prompt{padding:12px}.guide-prompt-head button{font-size:12px}}@media (prefers-reduced-motion:reduce){.guide-page *,.guide-page :before,.guide-page :after{transition:none!important;animation:none!important}}
