:root{--canvas:#fefefe;--surface:#f9f9f9;--elevated:#ededed;--line:#ededed;--input-pale:#f3f3f3;--ink:#0a0a0a;--muted:#5d5d5d;--dark-overlay:#181818;--blue:#2567ff;--blue-deep:#1b4fe0;--blue-soft:#eaf1ff;--blue-tint:#f7f9ff;--success-bg:#e6f5ec;--success-fg:#0a7d2f;--warning-bg:#fff7e0;--warning-fg:#9a6b00;--background:var(--canvas);--foreground:var(--ink);--card:var(--canvas);--card-hover:var(--surface);--border:var(--line);--border-strong:#dcdcdc;--muted-foreground:var(--muted);--code-bg:var(--surface);--chip-hover:rgba(0,0,0,0.04);--chip-active:rgba(0,0,0,0.12);--hero-bg:var(--blue-tint);--mark-bg:var(--blue-soft);--mark-fg:var(--blue-deep);--field-bg:var(--canvas);--radius-2xs:4px;--radius-xs:6px;--radius:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--shadow-subtle:0 1px 2px -1px rgba(0,0,0,0.08);--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 6px 16px rgba(0,0,0,0.06);--shadow-lg:0 24px 48px rgba(0,0,0,0.08);--shadow-ring:0 0 0 3px rgba(37,103,255,0.2);--page-max-width:1200px;--prose-max-width:45rem;--tracking-body:-0.011em;--tracking-display:-0.02em;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.7,0,0.84,0);--dur-fast:120ms;--dur-base:200ms;--dur-slow:400ms}[data-theme=dark]{--background:var(--ink);--foreground:var(--canvas);--card:var(--dark-overlay);--card-hover:#1f1f1f;--border:rgba(255,255,255,0.14);--border-strong:rgba(255,255,255,0.24);--muted-foreground:#aaaab4;--blue-soft:rgba(37,103,255,0.18);--blue-tint:rgba(37,103,255,0.06);--code-bg:#181818;--input-pale:#181818;--surface:#141414;--elevated:#1f1f1f;--chip-hover:rgba(255,255,255,0.06);--chip-active:rgba(255,255,255,0.12);--hero-bg:#0d0d12;--mark-bg:rgba(37,103,255,0.24);--mark-fg:#9dbcff;--field-bg:#141414;--success-bg:rgba(10,125,47,0.18);--success-fg:#58c07d;--warning-bg:rgba(154,107,0,0.18);--warning-fg:#d9a53f;--shadow-subtle:none;--shadow-sm:none;--shadow-md:0 6px 16px rgba(0,0,0,0.4);--shadow-lg:0 24px 48px rgba(0,0,0,0.5)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--background:var(--ink);--foreground:var(--canvas);--card:var(--dark-overlay);--card-hover:#1f1f1f;--border:rgba(255,255,255,0.14);--border-strong:rgba(255,255,255,0.24);--muted-foreground:#aaaab4;--blue-soft:rgba(37,103,255,0.18);--blue-tint:rgba(37,103,255,0.06);--code-bg:#181818;--input-pale:#181818;--surface:#141414;--elevated:#1f1f1f;--chip-hover:rgba(255,255,255,0.06);--chip-active:rgba(255,255,255,0.12);--hero-bg:#0d0d12;--mark-bg:rgba(37,103,255,0.24);--mark-fg:#9dbcff;--field-bg:#141414;--success-bg:rgba(10,125,47,0.18);--success-fg:#58c07d;--warning-bg:rgba(154,107,0,0.18);--warning-fg:#d9a53f;--shadow-subtle:none;--shadow-sm:none;--shadow-md:0 6px 16px rgba(0,0,0,0.4);--shadow-lg:0 24px 48px rgba(0,0,0,0.5)}}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-top:5rem}body{margin:0;color:var(--foreground);background:var(--background);font-size:1.0625rem;line-height:1.55;letter-spacing:var(--tracking-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;font-feature-settings:"ss01","cv11";overflow-x:clip;max-width:100vw;display:flex;flex-direction:column;min-height:100vh}main{flex:1 0 auto}a{color:var(--blue);text-decoration:none;transition:opacity var(--dur-fast) var(--ease-out)}a:hover{opacity:.7}:focus-visible{outline:none;box-shadow:var(--shadow-ring);border-radius:var(--radius-2xs)}h1,h2,h3,h4{font-weight:500}.container{max-width:var(--page-max-width);margin:0 auto;padding:0 1.5rem;width:100%}@media (min-width:768px){.container{padding:0 2rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:.75rem;top:-3rem;z-index:60;padding:.5rem .9rem;border-radius:var(--radius-pill);background:var(--blue);color:#fff;font-size:.875rem;transition:top var(--dur-base) var(--ease-out)}.skip-link:focus{top:.75rem;opacity:1}.eyebrow{display:block;font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;font-feature-settings:"tnum";margin:0 0 .75rem}.accent,.eyebrow{color:var(--blue)}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;height:36px;min-width:88px;justify-content:center;padding:0 1.125rem;border-radius:var(--radius-pill);background:var(--blue);color:#fff;font-size:.875rem;font-weight:500;border:0;cursor:pointer;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn-primary:hover{background:var(--blue-deep);opacity:1}.btn-primary:active{transform:translateY(1px)}.btn-sm{height:32px;padding:0 .875rem}.site-header{border-bottom:1px solid var(--border);background:var(--background);position:-webkit-sticky;position:sticky;top:0;z-index:30}.header-inner{gap:1.25rem;height:64px}.brand,.header-inner{display:flex;align-items:center}.brand{gap:.5rem;font-weight:500;letter-spacing:-.02em;color:var(--foreground);flex-shrink:0}.brand:hover{opacity:1}.brand-muted{color:var(--muted-foreground);font-size:.9375rem}.brand-logo{height:22px;width:auto;display:block}.footer-brand .brand-logo{height:20px}.brand-logo-dark,[data-theme=dark] .brand-logo-light{display:none}[data-theme=dark] .brand-logo-dark{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .brand-logo-light{display:none}:root:not([data-theme=light]) .brand-logo-dark{display:block}}.header-search{flex:1 1 auto;max-width:26rem;margin:0 auto}.header-nav{display:flex;align-items:center;gap:1.25rem;margin-left:auto;flex-shrink:0}.header-nav a:not(.btn-primary){color:var(--muted-foreground);font-size:.8125rem;font-weight:500;white-space:nowrap}.header-nav a:not(.btn-primary):hover{color:var(--foreground);opacity:1}.theme-toggle{gap:2px;padding:2px;border:1px solid var(--border);border-radius:var(--radius-pill)}.theme-toggle,.theme-toggle button{display:inline-flex;align-items:center}.theme-toggle button{justify-content:center;width:26px;height:26px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--muted-foreground);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.theme-toggle button:hover{background:var(--chip-hover);color:var(--foreground)}.theme-toggle button.is-active{background:var(--chip-active);color:var(--foreground)}.hero{background:var(--hero-bg);border-bottom:1px solid var(--border);padding:4.5rem 0 3.5rem}.hero-inner{max-width:46rem;text-align:center}.hero h1{margin:0 0 .75rem;font-size:3rem;line-height:1.05;letter-spacing:-.025em}.hero-sub{margin:0 auto 2rem;max-width:34rem;color:var(--muted-foreground);font-size:1.0625rem}.hero-popular{list-style:none;margin:1.5rem 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.hero-popular a{display:inline-flex;align-items:center;gap:.4rem;padding:.375rem .875rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--card);color:var(--muted-foreground);font-size:.8125rem;transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.hero-popular a:hover{border-color:var(--blue);color:var(--blue);opacity:1;transform:translateY(-1px)}.search{position:relative;width:100%}.search-hero{max-width:34rem;margin:0 auto}.search-field{display:flex;align-items:center;gap:.625rem;background:var(--field-bg);border:1px solid var(--border-strong);border-radius:var(--radius-pill);padding:0 .75rem 0 1rem;height:52px;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.search-compact .search-field{height:38px;padding:0 .5rem 0 .75rem}.search-field:focus-within{border-color:var(--blue);box-shadow:var(--shadow-ring)}.search-field-icon{color:var(--muted-foreground);flex-shrink:0}.search-field input{flex:1 1 auto;min-width:0;border:0;background:transparent;color:var(--foreground);font:inherit;font-size:1rem;letter-spacing:var(--tracking-body);outline:none}.search-compact .search-field input{font-size:.875rem}.search-field input::placeholder{color:var(--muted-foreground)}.search-field input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.search-field input:focus-visible{box-shadow:none}.search-kbd{flex-shrink:0;padding:.15rem .4rem;border:1px solid var(--border);border-radius:var(--radius-2xs);color:var(--muted-foreground);font-family:inherit;font-size:.6875rem;font-feature-settings:"tnum"}.search-compact .search-kbd{display:none}.search-clear{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--muted-foreground);cursor:pointer}.search-clear:hover{background:var(--chip-hover);color:var(--foreground)}.search-panel{position:absolute;top:calc(100% + .5rem);left:0;right:0;z-index:40;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);overflow:hidden;text-align:left;animation:reveal-up var(--dur-base) var(--ease-out) both}.search-results{list-style:none;margin:0;padding:.375rem;max-height:24rem;overflow-y:auto}.search-results a{display:flex;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius-xs);color:var(--foreground);transition:background-color var(--dur-fast) var(--ease-out)}.search-results a.is-active,.search-results a:hover{background:var(--chip-hover);opacity:1}.search-result-icon{color:var(--muted-foreground);flex-shrink:0;margin-top:.2rem}.search-result-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.search-result-title{font-weight:500;font-size:.9375rem}.search-result-snippet{font-size:.8125rem;line-height:1.4;color:var(--muted-foreground);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-meta{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);margin-top:.15rem}mark{background:var(--mark-bg);color:var(--mark-fg);font-weight:500;border-radius:2px;padding:0 1px}.search-see-all{display:block;width:100%;padding:.7rem 1rem;border:0;border-top:1px solid var(--border);background:transparent;color:var(--blue);font:inherit;font-size:.8125rem;font-weight:500;text-align:left;cursor:pointer}.search-see-all:hover{background:var(--chip-hover)}.search-empty{padding:1rem 1.1rem;font-size:.875rem}.search-empty p{margin:0 0 .4rem}.search-empty-hint{color:var(--muted-foreground);margin-bottom:0}.search-page{padding:2.5rem 1.5rem 4rem;max-width:52rem}.search-page-field{margin:0 0 2rem;max-width:32rem}.search-page-title{font-size:1.75rem;line-height:1.2;letter-spacing:var(--tracking-display);margin:0 0 .5rem}.search-page-count,.search-page-status{color:var(--muted-foreground);font-size:.875rem;margin:0 0 1.5rem}.search-page-empty{color:var(--muted-foreground);font-size:.9375rem}.search-page-empty strong{color:var(--foreground);font-weight:500}.search-page-results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.search-page-results li{border-top:1px solid var(--border)}.search-page-results li:last-child{border-bottom:1px solid var(--border)}.search-page-results a{display:flex;flex-direction:column;gap:.3rem;padding:1.125rem .75rem;color:var(--foreground);border-radius:var(--radius-xs);transition:background-color var(--dur-fast) var(--ease-out);animation:fade-in var(--dur-base) var(--ease-out) both}.search-page-results a:hover{background:var(--chip-hover);opacity:1}.search-page-result-head{display:flex;align-items:center;gap:.55rem;color:var(--blue)}.search-page-result-title{font-size:1.0625rem;font-weight:500}.search-page-result-snippet{color:var(--muted-foreground);font-size:.9375rem;line-height:1.5}.search-page-result-meta{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground)}.search-page-more{display:inline-flex;align-items:center;height:36px;margin-top:1.5rem;padding:0 1.125rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--card);color:var(--foreground);font:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.search-page-more:hover{border-color:var(--blue);color:var(--blue)}.collections-wrap{padding-top:3.5rem}.section-heading{font-size:1.375rem;letter-spacing:-.015em;margin:0 0 1.25rem}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));grid-gap:1rem;gap:1rem}.collection-card{display:flex;gap:1rem;padding:1.25rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);box-shadow:var(--shadow-subtle);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.collection-card:hover{opacity:1;transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.collection-card-icon,.collection-head-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-pill);background:var(--blue-soft);color:var(--blue)}.collection-head-icon{width:48px;height:48px}.collection-icon{stroke:currentColor}.collection-card-body{display:flex;flex-direction:column;gap:.3rem;min-width:0}.collection-card-title{font-size:1.0625rem;font-weight:500;letter-spacing:-.015em;transition:color var(--dur-fast) var(--ease-out)}.collection-card:hover .collection-card-title{color:var(--blue)}.collection-card-desc{color:var(--muted-foreground);font-size:.875rem;line-height:1.45}.collection-card-count,.collection-head-count{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);font-feature-settings:"tnum"}.cta-wrap{padding:3.5rem 1.5rem 4rem}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding:2rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.cta-band h2{margin:0 0 .35rem;font-size:1.5rem;letter-spacing:-.02em}.cta-band p{margin:0;font-size:.9375rem;max-width:34rem}.breadcrumb,.cta-band p{color:var(--muted-foreground)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem;font-size:.8125rem;margin-bottom:1.5rem}.breadcrumb a{color:var(--muted-foreground)}.breadcrumb a:hover{color:var(--blue);opacity:1}.breadcrumb svg{color:var(--border-strong);flex-shrink:0}.collection-page{padding:2.5rem 1.5rem 4rem;max-width:56rem}.collection-head{display:flex;gap:1.125rem;align-items:flex-start;margin-bottom:2.5rem}.collection-head h1{margin:0 0 .35rem;font-size:2rem;line-height:1.15;letter-spacing:var(--tracking-display)}.collection-head p{margin:0 0 .5rem;color:var(--muted-foreground)}.article-group+.article-group{margin-top:2.5rem}.article-group-title{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-foreground);margin:0 0 .75rem}.article-list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--card)}.article-list li+li{border-top:1px solid var(--border)}.article-list a{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.125rem;color:var(--foreground);transition:background-color var(--dur-fast) var(--ease-out)}.article-list a:hover{background:var(--chip-hover);opacity:1}.article-list-icon{color:var(--muted-foreground);flex-shrink:0;margin-top:.15rem}.article-list-text{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1 1 auto}.article-list-title{font-weight:500;color:var(--blue)}.article-list-desc{font-size:.875rem;line-height:1.45;color:var(--muted-foreground)}.article-list-chevron{color:var(--border-strong);flex-shrink:0;margin-top:.15rem;transition:transform var(--dur-fast) var(--ease-out)}.article-list a:hover .article-list-chevron{transform:translateX(2px);color:var(--blue)}.article-page{padding:2.5rem 1.5rem 4rem}.article-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:3rem;gap:3rem;align-items:start}@media (min-width:1080px){.article-layout{grid-template-columns:minmax(0,1fr) 13rem}}.article-body{max-width:var(--prose-max-width);min-width:0}.article-body h1{font-size:2.25rem;line-height:1.1;letter-spacing:var(--tracking-display);margin:0 0 .5rem}.article-lede{font-size:1.1875rem;line-height:1.55;margin:0 0 1rem}.article-lede,.article-meta{color:var(--muted-foreground)}.article-meta{font-size:.8125rem;margin:0 0 2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.article-body h2{font-size:1.375rem;line-height:1.3;margin:2.25rem 0 .75rem;letter-spacing:-.015em}.article-body h3{font-size:1.0625rem;margin:1.75rem 0 .5rem}.anchored{position:relative}.anchor-link{position:absolute;left:-1.1rem;color:var(--border-strong);opacity:0;text-decoration:none;transition:opacity var(--dur-fast) var(--ease-out)}.anchor-link:focus-visible,.anchored:hover .anchor-link{opacity:1}.article-body li,.article-body p{overflow-wrap:break-word}.article-body ol,.article-body ul{padding-left:1.25rem}.article-body li+li{margin-top:.35rem}.article-body strong{font-weight:500;color:var(--foreground)}.article-body code{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-2xs);padding:.1rem .35rem;font-family:SF Mono,SFMono-Regular,ui-monospace,Menlo,monospace;font-size:.85em}.article-body pre{background:var(--dark-overlay);color:#e8e8e8;border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem 1.25rem;overflow-x:auto;font-size:.875rem;line-height:1.55}.article-body pre code{background:none;border:none;padding:0;font-size:inherit;color:inherit}.article-body table{width:100%;border-collapse:collapse;font-size:.9375rem;margin:1rem 0}.article-body td,.article-body th{border:1px solid var(--border);padding:.55rem .75rem;text-align:left;vertical-align:top}.article-body th{background:var(--surface);font-weight:500}.table-scroll{overflow-x:auto;margin:1rem 0;scrollbar-width:thin}.table-scroll table{margin:0;min-width:30rem}.article-body img{max-width:100%;height:auto;border-radius:var(--radius-xs);display:block}.article-body hr{border:0;border-top:1px solid var(--border);margin:2.5rem 0}.article-body blockquote{margin:1.25rem 0;padding-left:1rem;border-left:2px solid var(--border-strong);color:var(--muted-foreground)}.toc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.toc a{color:var(--muted-foreground);font-size:.8125rem;line-height:1.35}.toc a:hover{color:var(--blue);opacity:1}.toc-rail{display:none}@media (min-width:1080px){.toc-rail{display:block;position:-webkit-sticky;position:sticky;top:5rem}.toc-inline{display:none}}.toc-rail li[data-level="3"]{padding-left:.75rem}.toc-inline{margin:0 0 2rem;padding:1rem 1.125rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.toc-inline .eyebrow{color:var(--muted-foreground);margin-bottom:.5rem}.answer{margin:0 0 1.75rem;padding:1rem 1.125rem;border:1px solid var(--border);border-left:3px solid var(--blue);border-radius:var(--radius-xs);background:var(--blue-soft)}.answer .eyebrow{margin-bottom:.35rem}.answer>div>:first-child{margin-top:0}.answer>div>:last-child{margin-bottom:0}.callout{border:1px solid var(--border);border-left-width:3px;border-radius:var(--radius-xs);padding:.85rem 1.1rem;margin:1.25rem 0;background:var(--surface);font-size:.9375rem}.callout-label{display:block;font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.3rem}.callout>div>:first-child{margin-top:0}.callout>div>:last-child{margin-bottom:0}.callout-note{border-left-color:var(--blue);background:var(--blue-soft)}.callout-note .callout-label{color:var(--blue)}.callout-warning{border-left-color:var(--warning-fg);background:var(--warning-bg)}.callout-warning .callout-label{color:var(--warning-fg)}.callout-tip{border-left-color:var(--success-fg);background:var(--success-bg)}.callout-tip .callout-label{color:var(--success-fg)}.steps{list-style:none;counter-reset:step;margin:1.25rem 0;padding:0}.step{counter-increment:step;position:relative;padding:0 0 1.25rem 2.6rem;border-left:1px solid var(--border);margin-left:.9rem}.step:last-child{border-left-color:transparent;padding-bottom:0}.step:before{content:counter(step);position:absolute;left:-.95rem;top:-.1rem;width:1.8rem;height:1.8rem;border-radius:var(--radius-pill);background:var(--blue);color:#fff;font-weight:500;font-size:.8125rem;font-feature-settings:"tnum";display:flex;align-items:center;justify-content:center}.step-title{font-weight:500;margin-bottom:.15rem}.step-body>:first-child{margin-top:0}.accordion-group{margin:1.25rem 0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--card)}.accordion+.accordion{border-top:1px solid var(--border)}.accordion summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;padding:.85rem 1.1rem;font-weight:500;font-size:.9375rem;list-style:none;transition:background-color var(--dur-fast) var(--ease-out)}.accordion summary:hover{background:var(--chip-hover)}.accordion summary::-webkit-details-marker{display:none}.accordion summary:after{content:"+";color:var(--muted-foreground);font-size:1.1rem;line-height:1}.accordion[open] summary:after{content:"\2013"}.accordion-body{padding:0 1.1rem .85rem;font-size:.9375rem}.accordion-body>:first-child{margin-top:0}.card-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));grid-gap:.9rem;gap:.9rem;margin:1.25rem 0}.card{display:block;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.125rem;color:var(--foreground);box-shadow:var(--shadow-subtle);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}a.card:hover{opacity:1;transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-title{font-weight:500;margin-bottom:.25rem}.card-body{font-size:.875rem;color:var(--muted-foreground)}.frame{margin:1.5rem 0;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem;background:var(--surface)}.frame figcaption{padding:.5rem .35rem .15rem;font-size:.8125rem;color:var(--muted-foreground);text-align:center}.screenshot .shot-dark,[data-theme=dark] .screenshot .shot-light{display:none}[data-theme=dark] .screenshot .shot-dark{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .screenshot .shot-light{display:none}:root:not([data-theme=light]) .screenshot .shot-dark{display:block}}.shot-stage{position:relative;display:block;line-height:0}.shot-marks{position:absolute;inset:0;pointer-events:none}.shot-box{position:absolute;border:2px solid var(--blue);border-radius:var(--radius-xs);background:color-mix(in srgb,var(--blue) 10%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 12%,transparent)}.shot-pin{position:absolute;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:999px;background:var(--blue);color:#fff;font-size:.8125rem;font-weight:500;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--surface),0 1px 3px rgb(0 0 0/.18)}.shot-legend{margin:.75rem 0 0;padding:0 .35rem 0 0;list-style:none;counter-reset:shot-step;display:grid;grid-gap:.375rem;gap:.375rem}.shot-legend li{counter-increment:shot-step;display:grid;grid-template-columns:1.5rem 1fr;grid-gap:.5rem;gap:.5rem;align-items:start;font-size:.875rem;color:var(--foreground);line-height:1.5}.shot-legend li:before{content:counter(shot-step);display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:999px;background:color-mix(in srgb,var(--blue) 12%,transparent);color:var(--blue);font-size:.75rem;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.video-embed{position:relative;aspect-ratio:16/9;margin:1.5rem 0;border-radius:var(--radius-sm);overflow:hidden;background:#000}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.feedback{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.875rem;color:var(--muted-foreground)}.feedback-actions{display:inline-flex;gap:.5rem}.feedback-actions button{display:inline-flex;align-items:center;gap:.4rem;height:32px;padding:0 .875rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--card);color:var(--foreground);font:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.feedback-actions button:hover{border-color:var(--blue);color:var(--blue)}.related{margin-top:3.5rem;max-width:var(--prose-max-width)}.related h2{font-size:1.0625rem;margin:0 0 .75rem}.site-footer{border-top:1px solid var(--border);margin-top:4rem;padding-top:3rem;background:var(--background);flex-shrink:0}.footer-inner{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:2.5rem;gap:2.5rem;padding-bottom:2.5rem}@media (min-width:900px){.footer-inner{grid-template-columns:16rem minmax(0,1fr);gap:3rem}}.footer-brand p{margin:.75rem 0 0;color:var(--muted-foreground);font-size:.875rem}.footer-tagline{font-size:.6875rem!important;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-foreground)}.footer-socials{list-style:none;display:flex;gap:.5rem;margin:1.25rem 0 0;padding:0}.footer-socials a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--muted-foreground);transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.footer-socials a:hover{border-color:var(--blue);color:var(--blue);opacity:1}.footer-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:2rem;gap:2rem}.footer-column-title{display:block;font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--foreground);margin-bottom:.75rem}.footer-columns ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.footer-columns a{color:var(--muted-foreground);font-size:.875rem}.footer-columns a:hover{color:var(--foreground);opacity:1}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:1.25rem;padding-bottom:1.5rem;font-size:.8125rem}.footer-bottom,.footer-bottom a{color:var(--muted-foreground)}@keyframes reveal-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.embedded .breadcrumb,.embedded .feedback,.embedded .related,.embedded .site-footer,.embedded .site-header,.embedded .skip-link,.embedded .toc-rail{display:none}.embedded .article-page,.embedded .collection-page,.embedded .search-page{padding:1.25rem 1rem 2rem}.embedded .site-footer{margin-top:0}.embedded .article-body h1{font-size:1.5rem}.embedded .article-lede{font-size:1rem}@media (max-width:900px){.header-search{display:none}}@media (max-width:640px){.hero{padding:3rem 0 2.5rem}.hero h1{font-size:2rem}.article-body h1{font-size:1.75rem}.collection-head h1{font-size:1.625rem}.header-nav a:not(.btn-primary){display:none}.cta-band{padding:1.5rem}}@media (max-width:400px){.container{padding:0 1rem}.brand-muted,.theme-toggle{display:none}.header-inner{gap:.75rem}.btn-primary{min-width:0}}