@layer page{.manual{border-top:1px solid color-mix(in oklab, var(--color-text) 10%, transparent);grid-template-columns:clamp(240px,21vw,300px) minmax(0,1fr);align-items:start;display:grid}.manual-body{min-width:0;padding-inline:clamp(24px,4vw,64px)}.manual-main{min-width:0;padding-block:calc(var(--leading) * 1.5) calc(var(--leading) * 3)}.manual-article{max-width:120rem;margin-inline:0;padding-block:0}.manual-article code{overflow-wrap:anywhere}.manual-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.manual-article .guide-body{line-height:1.9}.manual-article .guide-body>:is(p,ul,ol){max-width:64rem}.manual-article .guide-body>h2{margin-top:calc(var(--leading) * 3);margin-bottom:var(--leading)}.manual-article .guide-body>h2:first-child{margin-top:0}.manual-head{margin-bottom:var(--leading)}.manual-article .guide-body>.manual-pair,.manual-article .guide-body>.manual-walk{margin-top:calc(var(--leading) * 1.5)}.manual-pair{--frame-top:calc(var(--half) + 8px);--frame-max-h:calc(100dvh - var(--leading) * 2);grid-template-columns:minmax(17rem,5fr) minmax(0,7fr);align-items:start;gap:clamp(24px,3vw,48px);display:grid}.manual-pair-text>*+*{margin-top:var(--leading)}.manual-pair-media{top:var(--frame-top);min-width:0;position:sticky}.manual-frame{aspect-ratio:var(--ratio);width:min(100%, calc(var(--frame-max-h,100dvh) * var(--ratio)), var(--frame-max-w,100%));margin:0;border-radius:var(--radius-md,8px);outline:1px solid color-mix(in oklab, var(--color-text) 14%, transparent);outline-offset:-1px;background:var(--color-surface);max-width:100%;margin-inline:auto;position:relative;overflow:hidden;container-type:inline-size}.manual-frame a{cursor:zoom-in;display:block;position:absolute;inset:0}.manual-frame img{max-width:none;height:auto;position:absolute;top:0;left:0}.manual-solo{--frame-max-h:80dvh;margin-top:var(--leading)}.manual-mark{border:2px solid #ff4d4f;border-radius:6px;transition:opacity .15s;position:absolute;box-shadow:0 0 0 2px #00000059}.manual-mark-n,.manual-do-n{color:#fff;background:#ff4d4f;border-radius:50%;flex:none;place-items:center;width:1.625rem;height:1.625rem;font-size:.8125rem;font-weight:700;line-height:1;display:inline-grid}.manual-mark-n{width:clamp(1rem,4.5cqi,1.625rem);height:clamp(1rem,4.5cqi,1.625rem);font-size:clamp(.625rem,2.4cqi,.8125rem);position:absolute;top:50%;right:calc(100% + 4px);translate:0 -50%;box-shadow:0 0 0 2px #00000059}.manual-mark.is-right .manual-mark-n{left:calc(100% + 4px);right:auto}.manual-mark.is-inside .manual-mark-n{top:0;left:72%;right:auto}.manual-walk[data-focusing] .manual-mark:not([data-active]){opacity:.35}@media (prefers-reduced-motion:reduce){.manual-mark{transition:none}}.manual-walk{gap:calc(var(--leading) * 2.5);display:grid}.manual-article .guide-body .manual-do-list{gap:calc(var(--leading) * 1.5);margin:0;padding:0;list-style:none;display:grid}.manual-article .guide-body .manual-do-list>li+li{margin-top:0}.manual-do{align-items:flex-start;gap:12px;padding-block:4px;display:flex}.manual-do-n{margin-top:.2em}.manual-do-body{min-width:0}.manual-do-body>*+*{margin-top:var(--half)}.manual-fix{border-bottom:1px solid color-mix(in oklab, var(--color-text) 12%, transparent)}.manual-article .guide-body>.manual-fix{margin-top:0}.manual-fix>summary{cursor:pointer;align-items:baseline;gap:10px;padding-block:12px;font-weight:600;list-style:none;display:flex}.manual-fix>summary::-webkit-details-marker{display:none}.manual-fix>summary:before{content:"▸";opacity:.6;font-size:.75em;transition:rotate .15s}.manual-fix[open]>summary:before{rotate:90deg}.manual-fix>summary:hover{color:var(--color-accent)}.manual-fix-body{padding-bottom:var(--leading);padding-inline-start:1.25rem}.manual-fix-body>*+*{margin-top:var(--half)}.manual-article .guide-body>.manual-related{margin-top:calc(var(--leading) * 4);font-size:.9375em}.manual-article .guide-body .manual-related h2{margin:0 0 var(--half);opacity:.7;font-size:.875rem;font-weight:600}.manual-article .guide-body .manual-related ul{flex-wrap:wrap;gap:6px 20px;margin:0;padding:0;list-style:none;display:flex}.manual-article .guide-body .manual-related li+li{margin-top:0}.manual-aside-of{margin:0 0 8px;font-size:.875em}.manual-articles{margin-top:calc(var(--leading) * 1.5)}.manual-article .guide-body .manual-articles ul{margin:0;padding:0;list-style:none}.manual-article .guide-body .manual-articles li{margin:0}.manual-articles .manual-card{padding:10px 14px;font-size:.9375em}.manual-tabs{margin-block:var(--half) calc(var(--leading) * 1.5);border-bottom:1px solid color-mix(in oklab, var(--color-text) 12%, transparent);flex-wrap:wrap;gap:2px 4px;padding-bottom:6px;font-size:14px;display:flex}.manual-tabs a{border-radius:var(--radius-sm,6px);color:inherit;opacity:.75;padding:6px 12px;text-decoration:none}.manual-tabs a:hover{opacity:1;background:color-mix(in oklab, var(--color-text) 6%, transparent)}.manual-tabs a.is-current{opacity:1;color:var(--color-accent);background:color-mix(in oklab, var(--color-accent) 12%, transparent);font-weight:600}.manual-firstrun{margin-block:var(--half);flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.manual-firstrun-label{opacity:.85;margin:0;font-size:13px}.manual-firstrun-label strong{color:var(--color-accent);font-size:1.15em}.manual-firstrun ol{gap:6px;margin:0;padding:0;list-style:none;display:flex}.manual-firstrun li{background:color-mix(in oklab, var(--color-text) 16%, transparent);border-radius:3px;width:28px;height:6px;position:relative}.manual-firstrun li a{position:absolute;inset:-8px 0}.manual-firstrun li.is-done{background:color-mix(in oklab, var(--color-accent) 55%, transparent)}.manual-firstrun li.is-current{background:var(--color-accent)}.manual-end{gap:calc(var(--leading) * 1.5);margin-top:calc(var(--leading) * 3);display:grid}.manual-next{border-radius:var(--radius-md,8px);background:color-mix(in oklab, var(--color-accent) 14%, transparent);border:1px solid var(--color-accent);min-width:min(100%,24rem);color:inherit;justify-self:start;padding:16px 20px;text-decoration:none;display:block}.manual-next:hover{background:color-mix(in oklab, var(--color-accent) 24%, transparent)}.manual-next-label{opacity:.75;font-size:12px;display:block}.manual-next-title{margin-top:2px;font-size:1.125em;font-weight:700;display:block}.manual-next-title:after{content:" →"}.manual-after h2{margin:0 0 var(--half);font-size:1.125em}.manual-feedback{opacity:.85;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;font-size:14px;display:flex}.manual-feedback-btn{border-radius:var(--radius-sm,6px);border:1px solid color-mix(in oklab, var(--color-text) 22%, transparent);color:inherit;font:inherit;cursor:pointer;background:0 0;padding:4px 16px}.manual-feedback-btn:hover{border-color:var(--color-accent)}.manual-body .kicker:before{display:none}.nav.nav-wide{padding-inline:20px clamp(24px,4vw,64px)}.manual-side{height:100dvh;padding:var(--leading) 16px var(--half) 20px;border-right:1px solid color-mix(in oklab, var(--color-text) 10%, transparent);background:color-mix(in oklab, var(--color-surface) 45%, transparent);flex-direction:column;font-size:14px;display:flex;position:sticky;top:0}.manual-side-panel{gap:var(--half);flex-direction:column;min-height:0;display:flex}.manual-side-toggle{display:none}.manual-search{position:relative}.manual-search svg{opacity:.5;pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.manual-search-input{width:100%;min-height:40px;padding-left:34px;padding-right:36px}.manual-search-input::-webkit-search-cancel-button{filter:invert()opacity(.5)}.manual-search-key{font-family:var(--font-mono);border:1px solid color-mix(in oklab, var(--color-text) 20%, transparent);opacity:.6;pointer-events:none;border-radius:4px;padding:1px 6px;font-size:11px;position:absolute;top:50%;right:10px;translate:0 -50%}.manual-search-input:focus+.manual-search-key{display:none}.manual-nav,.manual-results{overscroll-behavior:contain;min-height:0;padding-right:4px;overflow-y:auto}.manual-nav a{border-radius:var(--radius-sm,6px);color:inherit;opacity:.82;padding:5px 10px;line-height:1.5;text-decoration:none;display:block}.manual-nav a:hover{opacity:1;background:color-mix(in oklab, var(--color-text) 6%, transparent)}.manual-nav a.is-current{opacity:1;color:var(--color-accent);background:color-mix(in oklab, var(--color-accent) 12%, transparent);font-weight:600}.manual-nav-top{margin-bottom:2px}.manual-nav-shelf{margin:var(--leading) 0 4px;font-family:var(--font-mono);letter-spacing:.08em;opacity:.55;padding:0 10px;font-size:11px}.manual-nav-section{margin-top:6px}.manual-nav-section>summary{cursor:pointer;border-radius:var(--radius-sm,6px);align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;list-style:none;display:flex}.manual-nav-section>summary::-webkit-details-marker{display:none}.manual-nav-section>summary:before{content:"▸";opacity:.6;font-size:10px;transition:rotate .15s}.manual-nav-section[open]>summary:before{rotate:90deg}.manual-nav-section>summary:hover{background:color-mix(in oklab, var(--color-text) 6%, transparent)}.manual-nav-section ul.manual-nav-children{margin-block:2px 6px;font-size:.9375em}.manual-nav-section ul{border-left:1px solid color-mix(in oklab, var(--color-text) 12%, transparent);margin:2px 0 0 12px;padding-left:6px}.manual-beta{font-family:var(--font-mono);letter-spacing:.06em;vertical-align:.15em;border:1px solid color-mix(in oklab, var(--color-accent) 60%, transparent);color:var(--color-accent);border-radius:3px;margin-left:6px;padding:0 5px;font-size:9.5px;font-weight:600;line-height:1.6;display:inline-block}.manual-results-count{opacity:.6;margin:0 0 4px;padding:0 10px;font-size:12px}.manual-results-empty{opacity:.75;padding:8px 10px;font-size:13px;line-height:1.7}.manual-result{border-radius:var(--radius-sm,6px);color:inherit;padding:8px 10px;text-decoration:none;display:block}.manual-result.is-active{background:color-mix(in oklab, var(--color-accent) 12%, transparent)}.manual-result-title{font-size:13.5px;font-weight:600;line-height:1.5;display:block}.manual-result-snippet{opacity:.72;margin-top:2px;font-size:12.5px;line-height:1.6;display:block}.manual-result mark{background:color-mix(in oklab, var(--color-accent) 35%, transparent);color:inherit;border-radius:2px;padding:0 1px}.manual-anchor{scroll-margin-top:var(--leading);position:relative}.guide-body h3{scroll-margin-top:var(--leading)}.manual-article .guide-body>h3{border-left:3px solid var(--color-accent);padding-left:10px;font-size:1.12em;font-weight:700}.manual-anchor-link{color:var(--color-accent);opacity:0;text-decoration:none;transition:opacity .15s;position:absolute;left:-1.1em}.manual-anchor:hover .manual-anchor-link{opacity:.7}.manual-anchor:target{animation:2.4s ease-out manual-target}@keyframes manual-target{0%{background:color-mix(in oklab, var(--color-accent) 22%, transparent)}to{background:0 0}}@media (prefers-reduced-motion:reduce){.manual-anchor:target{animation:none}}.manual-top{max-width:120rem}.manual-top h1{font-family:var(--font-article);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;line-height:1.3}.manual-shelf{margin-top:calc(var(--leading) * 3)}.manual-shelf h2{margin:0 0 var(--half);font-family:var(--font-article);font-size:1.125em}.manual-choice-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.manual-card{border-radius:var(--radius-md,8px);border:1px solid color-mix(in oklab, var(--color-text) 12%, transparent);background:color-mix(in oklab, var(--color-surface) 70%, transparent);height:100%;color:inherit;align-items:center;padding:14px 16px;font-weight:600;line-height:1.5;text-decoration:none;display:flex}.manual-card:hover{border-color:var(--color-accent)}.manual-more{margin-top:var(--half)}.manual-more>summary{cursor:pointer;opacity:.85;padding-block:6px}.manual-more>summary:hover{opacity:1;color:var(--color-accent)}.manual-more[open]>summary{margin-bottom:var(--half)}.manual-feature-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));align-items:start;gap:0 24px;display:grid}.manual-feature-list .manual-more{margin-top:0}.manual-feature-list ul{margin:0 0 var(--half);padding:0;font-size:14px;list-style:none}.manual-feature-list li{padding:3px 0}.manual-feature-list a{color:inherit}.manual-feature-list a:hover{color:var(--color-accent)}html:has(.manual)::-webkit-scrollbar{width:9px;height:9px}.manual-nav::-webkit-scrollbar{width:9px;height:9px}.manual-results::-webkit-scrollbar{width:9px;height:9px}html:has(.manual)::-webkit-scrollbar-track{background:linear-gradient(to right, transparent 4px, color-mix(in oklab, var(--color-text) 12%, transparent) 4px 5px, transparent 5px)}.manual-nav::-webkit-scrollbar-track{background:linear-gradient(to right, transparent 4px, color-mix(in oklab, var(--color-text) 12%, transparent) 4px 5px, transparent 5px)}.manual-results::-webkit-scrollbar-track{background:linear-gradient(to right, transparent 4px, color-mix(in oklab, var(--color-text) 12%, transparent) 4px 5px, transparent 5px)}html:has(.manual)::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--color-text) 38%, transparent);background-clip:padding-box;border:3px solid #0000;border-radius:9px;min-height:32px}.manual-nav::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--color-text) 38%, transparent);background-clip:padding-box;border:3px solid #0000;border-radius:9px;min-height:32px}.manual-results::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--color-text) 38%, transparent);background-clip:padding-box;border:3px solid #0000;border-radius:9px;min-height:32px}html:has(.manual)::-webkit-scrollbar-thumb:hover{background-color:var(--color-accent)}.manual-nav::-webkit-scrollbar-thumb:hover{background-color:var(--color-accent)}.manual-results::-webkit-scrollbar-thumb:hover{background-color:var(--color-accent)}html:has(.manual)::-webkit-scrollbar-button{background:0 0;display:none}.manual-nav::-webkit-scrollbar-button{background:0 0;display:none}.manual-results::-webkit-scrollbar-button{background:0 0;display:none}html:has(.manual)::-webkit-scrollbar-corner{background:0 0;display:none}@supports not selector(::-webkit-scrollbar){.manual-nav,.manual-results{scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--color-text) 38%, transparent) transparent}html:has(.manual){scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--color-text) 38%, transparent) transparent}}@media (min-width:1100px){.manual-top .manual-choice-grid,.manual-articles .manual-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.manual-pair-text .manual-articles .manual-choice-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,10rem),1fr))}.manual-feature-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1099px){.manual-pair{--frame-top:0px;--frame-max-h:40dvh;gap:var(--leading);grid-template-columns:minmax(0,1fr)}.manual-pair-media{z-index:2;background:var(--color-bg);grid-row:1;padding-block:8px}}@media (max-width:900px){.manual{border-top:0;grid-template-columns:minmax(0,1fr)}.manual-side{height:auto;padding:var(--half) var(--edge) 0;background:0 0;border-right:0;position:static}.manual-body,.nav.nav-wide{padding-inline:var(--edge)}.manual-side-toggle{border-radius:var(--radius-md,8px);border:1px solid color-mix(in oklab, var(--color-text) 18%, transparent);background:color-mix(in oklab, var(--color-surface) 80%, transparent);width:100%;min-height:44px;color:inherit;font:inherit;cursor:pointer;justify-content:space-between;align-items:center;padding:8px 14px;font-weight:600;display:flex}.manual-side-toggle:after{content:"▾";opacity:.6}.manual-side.is-open .manual-side-toggle:after{content:"▴"}.manual-side-panel{margin-top:var(--half);display:none}.manual-side.is-open .manual-side-panel{display:flex}.manual-nav,.manual-results{max-height:70dvh}.manual-anchor-link{display:none}}}