@font-face{font-family:Libre Baskerville;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/libre-baskerville-latin-400-normal-C42RasBZ.woff2)format("woff2"),url(/assets/libre-baskerville-latin-400-normal-BTm3cn9P.woff)format("woff")}@font-face{font-family:Libre Baskerville;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/libre-baskerville-latin-400-italic-Dx5Rrf3o.woff2)format("woff2"),url(/assets/libre-baskerville-latin-400-italic-DvfstiAl.woff)format("woff")}@font-face{font-family:Libre Baskerville;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/libre-baskerville-latin-700-normal-CLGq6Yj4.woff2)format("woff2"),url(/assets/libre-baskerville-latin-700-normal-D1DCMXWx.woff)format("woff")}:root{color:var(--ink);background:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--paper:#faf4e3;--ink:#292e29;--muted:#746e5f;--coral:#c9795f;--blue:#506d75;--gold:#b79548;--green:#798765;--rule:#d8ceb3;font-family:Libre Baskerville,Georgia,serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#241d28;--ink:#ece0cf;--muted:#b8a6b0;--coral:#d99a90;--blue:#a6afc7;--gold:#cbb078;--green:#adb392;--rule:#504052}.theme-toggle{background:0 0;border:0;flex-shrink:0;place-items:center;width:32px;height:32px;padding:5px;display:grid}.theme-toggle:hover{color:var(--coral)}.theme-toggle svg{width:22px;height:22px}:root[data-theme=dark] :is(.masthead,.contents-band,.step-tabs){border-color:var(--rule);background:#302535}:root[data-theme=dark] :is(.code-sample,.setup-grid p code){background:#352a39}:root[data-theme=dark] :is(.code-sample,.code-heading,.code-heading button,.source-link){border-color:var(--rule)}:root[data-theme=dark] :is(.code-heading button:hover,.step-tabs button:hover){background:#47364d}:root[data-theme=dark] :is(.line-number,.code-comment){color:var(--gold)}:root[data-theme=dark] ::selection{background:#635537}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23887766' opacity='.045' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1px;transition:color .18s}a:hover{color:var(--coral)}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}:focus-visible{outline:2px solid var(--blue);outline-offset:5px}::selection{background:#ebd3a1}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}p{line-height:1.9}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--ink);color:var(--paper);z-index:10;padding:1rem;position:absolute;top:-6rem;left:1rem}.skip-link:focus{top:1rem}.masthead{background:#f2e9cb;border-bottom:1px solid #e7dcc0;justify-content:space-between;align-items:center;gap:2rem;padding:1.15rem 3.5%;display:flex}.brand{align-items:center;gap:.8rem;font-size:1.45rem;font-weight:700;text-decoration:none;display:flex}.emblem{flex-shrink:0;width:37px;height:37px}.masthead nav{align-items:center;gap:1.25rem;font-size:.8rem;display:flex}.masthead nav a{text-decoration:none}.masthead nav a:hover{text-decoration:underline}.source-link{border-left:1px solid #cfc2a0;padding-left:1.25rem}.social-link{flex-shrink:0;justify-content:center;align-items:center;gap:.3rem;min-width:40px;height:32px;display:flex}.social-link svg{width:18px;height:18px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-family:Libre Baskerville,Georgia,serif;font-size:.7rem;line-height:1.8}.margin-coral{border-left:7px solid var(--coral)}.margin-blue{border-left:7px solid var(--blue)}.margin-gold{border-left:7px solid var(--gold)}.margin-green{border-left:7px solid var(--green)}.hero{isolation:isolate;text-align:center;min-height:calc(100svh - 8rem);margin-top:1.5rem;padding:2rem 1.5rem 3rem;position:relative}.hero:before{content:"";z-index:-1;background:radial-gradient(ellipse at 50% 28%, color-mix(in srgb, var(--gold) 10%, transparent), transparent 58%), radial-gradient(ellipse at 85% 80%, color-mix(in srgb, var(--green) 5%, transparent), transparent 45%);pointer-events:none;position:absolute;inset:0}.hero:after{content:"";border:1px solid color-mix(in srgb, var(--rule) 55%, transparent);pointer-events:none;z-index:-1;position:absolute;inset:1.5rem;-webkit-mask-image:linear-gradient(#000,#0000 28% 72%,#000);mask-image:linear-gradient(#000,#0000 28% 72%,#000)}.hero h1{text-transform:uppercase;letter-spacing:-.06em;margin:1.7rem 0 1rem;font-size:clamp(5rem,13vw,10.2rem);font-weight:400;line-height:1}.hero-tagline{max-width:850px;margin:0 auto 2rem;font-size:clamp(1rem,1.9vw,1.28rem);line-height:1.9}.install-command{width:min(380px,100%);min-height:124px;color:var(--ink);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;margin:0 auto 2rem;padding:32px 48px;display:flex;position:relative}.ivy-frame{width:100%;height:100%;stroke:var(--green);stroke-width:.9px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;inset:0}.ivy-stem{stroke:var(--gold);stroke-width:.65px;fill:color-mix(in srgb, var(--paper), var(--green) 10%);transition:fill .16s,stroke .16s}.install-command code{letter-spacing:.025em;color:var(--blue);font-size:.95rem;font-weight:700;position:relative}.install-status{color:var(--muted);margin-top:.4rem;font-size:.55rem;position:relative}.install-command:is(:hover,:focus-visible) .ivy-stem{fill:color-mix(in srgb, var(--paper), var(--gold) 18%);stroke:var(--gold)}.install-command:is(:hover,:focus-visible) code{color:var(--ink)}.flourish{color:var(--gold);width:150px;height:24px;margin:2rem auto;display:block}.hero-byline{color:var(--muted);margin:1.6rem 0 .5rem;font-size:.8rem}.hero-byline a{color:var(--ink)}.hero-emblem{width:min(120px,90%);height:auto;filter:drop-shadow(0 4px 8px color-mix(in srgb, var(--gold) 12%, transparent));margin:0 auto 2rem;display:block}.read-link{align-items:center;gap:1rem;margin-top:2rem;font-size:.8rem;display:inline-flex}.contents-band{z-index:5;background:#f2e9cb;border-block:1px solid #e7dcc0;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem 2.5rem;margin-top:3rem;padding:1.7rem 2rem;font-size:.76rem;display:flex;position:sticky;top:0}.contents-band .eyebrow{color:var(--muted);font-size:.57rem}.contents-band a{text-decoration:none;position:relative}.contents-band a:after{content:"";background:var(--gold);opacity:0;width:4px;height:4px;transition:opacity .18s;position:absolute;bottom:-.7rem;left:50%;transform:translate(-50%)rotate(45deg)}.contents-band a[aria-current=location]:after{opacity:1}.contents-band a:hover{text-decoration:underline}.contents-band a span{color:var(--coral);margin-right:.5rem}.chapter{padding:6.5rem max(1.5rem,50vw - 580px) 5rem;scroll-margin-top:6rem;position:relative}.chapter-heading{text-align:center;margin-bottom:3.5rem}.chapter-heading:before{content:"";border:1px solid var(--chapter-accent);width:6px;height:6px;margin:0 auto 1.5rem;display:block;transform:rotate(45deg)}.chapter.margin-blue{--chapter-accent:var(--blue)}.chapter.margin-gold{--chapter-accent:var(--gold);background:linear-gradient(110deg, color-mix(in srgb, var(--gold) 4%, transparent), transparent 60%)}.chapter.margin-green{--chapter-accent:var(--green)}.chapter-heading .flourish{color:var(--chapter-accent)}.chapter-heading .eyebrow{color:var(--muted)}h2{letter-spacing:-.045em;margin:1rem 0;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:400;line-height:1.3}h3{letter-spacing:-.025em;font-size:1.55rem;font-weight:400;line-height:1.4}.prose{max-width:730px;margin:0 auto}.lead{font-size:1.05rem}.drop-cap{float:left;color:var(--blue);padding:.3rem .7rem .2rem 0;font-size:5rem;line-height:.9}.small-note{color:var(--muted);font-size:.875rem;line-height:1.8}.walkthrough{border:1px solid var(--rule);box-shadow:0 5px 20px color-mix(in srgb, var(--ink) 4%, transparent);margin-top:3.5rem}.step-tabs{border-bottom:1px solid var(--rule);background:#f3ecd6;grid-template-columns:repeat(7,1fr);display:grid}.step-tabs button{border:0;border-right:1px solid var(--rule);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:.85rem .5rem 1.2rem;font-size:.7rem;transition:background .18s;display:flex;position:relative}.step-tabs button:last-child{border-right:0}.step-tabs button:hover{background:#ebe2c4}.step-tabs button[aria-selected=true]{background:color-mix(in srgb, var(--paper), var(--gold) 14%);color:var(--ink)}.step-tabs button[aria-selected=true]:after{content:"";background:var(--gold);width:24px;height:2px;animation:.22s ease-out tab-underline-arrives;position:absolute;bottom:.45rem}@keyframes tab-underline-arrives{0%{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:scaleX(1)}}.step-number{color:var(--gold);font-size:1rem;font-style:italic;line-height:1}.step-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:2rem;min-height:360px;padding:2.3rem;display:grid}.step-details>.eyebrow{color:var(--coral);font-size:.7rem}@keyframes observation-arrives{0%{opacity:0}to{opacity:1}}.step-details,.step-panel>.lifecycle-visual{animation:.18s ease-out observation-arrives}.step-copy h3{margin:.85rem 0;font-size:1.65rem}.step-details>p{font-size:1rem}.margin-note{border-left:2px solid var(--gold);color:var(--muted);padding-left:1rem;font-style:italic;font-size:.85rem!important}.step-controls{justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;font-size:.75rem;display:flex}.step-controls button{background:0 0;border:0;padding:.35rem 0}.step-controls button:not(:disabled):hover{color:var(--coral)}.step-controls a{text-decoration:none}.lifecycle-visual{border:1px solid var(--rule);background:color-mix(in srgb, var(--paper), var(--blue) 5%);align-self:center;min-width:0;margin:0}.visual-story-heading{border-bottom:1px solid var(--rule);background:color-mix(in srgb, var(--paper), var(--gold) 5%);padding:1rem 1.4rem .85rem}.visual-story-heading>strong{margin:.25rem 0 .8rem;font-size:1rem;font-style:italic;font-weight:400;display:block}.visual-story-progress{grid-template-columns:repeat(7,1fr);gap:.35rem;display:grid}.visual-story-progress>span{background:var(--rule);height:2px}.visual-story-progress>.is-reached{background:var(--gold)}.visual-story-progress>.is-reached:last-of-type{background:var(--blue)}@keyframes story-piece-arrives{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.visual-stage>div>*,.visual-stack>*{animation:.32s ease-out both story-piece-arrives}.visual-stack>:nth-child(2){animation-delay:90ms}.visual-stack>:nth-child(3){animation-delay:.18s}.visual-stack>:nth-child(4){animation-delay:.27s}@keyframes correction-settles{0%{box-shadow:inset 3px 0 var(--gold);background-color:color-mix(in srgb, var(--paper), var(--gold) 22%)}to{box-shadow:inset 3px 0 #0000}}.lifecycle-visual-correct .visual-after{animation:.32s ease-out .18s both story-piece-arrives,1.2s ease-out .4s correction-settles}.visual-stage{align-items:center;min-height:340px;padding:1.4rem;display:grid}.visual-stage p{margin:.65rem 0;font-size:.85rem;line-height:1.8}.visual-stage code{overflow-wrap:anywhere;font-size:.75rem;line-height:1.9}.visual-stage strong{font-weight:700}.visual-stack{gap:1rem;display:grid}.visual-label,.visual-footnote{color:var(--muted);font-size:.65rem;line-height:1.7;display:block}.visual-label{letter-spacing:.08em;text-transform:uppercase}.visual-footnote{text-align:center}.visual-card,.visual-chat{background:var(--paper);border:1px solid var(--rule);border-radius:4px}.visual-card-heading{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;gap:.35rem .75rem;padding:.7rem .85rem;font:.66rem/1.7 SFMono-Regular,Consolas,monospace;display:flex}.visual-card-heading>span{color:var(--muted)}.visual-chat{padding:1rem}.visual-chat-user{border-bottom-right-radius:0;padding-right:2.2rem;position:relative}.visual-send{border:1px solid var(--rule);width:23px;height:23px;color:var(--blue);border-radius:50%;place-items:center;font-size:.75rem;display:grid;position:absolute;bottom:.7rem;right:.7rem}.visual-chat-agent{border-top-left-radius:0}.visual-chat blockquote{border-left:2px solid var(--gold);margin:1rem 0;padding:.2rem 0 .2rem .85rem;font-size:.95rem;line-height:1.8}.visual-tag-row{flex-wrap:wrap;gap:.4rem;margin:.85rem 0;display:flex}.visual-tag-row>span{border:1px solid var(--rule);color:var(--muted);border-radius:2px;padding:.25rem .5rem;font-size:.6rem;line-height:1.6}.visual-line{align-items:baseline;gap:.65rem;padding:.65rem .85rem;display:flex}.visual-line-removed,.visual-before{background:color-mix(in srgb, var(--paper), var(--coral) 10%)}.visual-line-removed>span{color:var(--coral)}.visual-line-added,.visual-after{background:color-mix(in srgb, var(--paper), var(--green) 12%)}.visual-line-added>span{color:var(--green)}.visual-flow{text-align:center}.visual-flow-node{background:var(--paper);border:1px solid var(--rule);border-radius:3px;gap:.35rem;padding:.75rem;font-size:.77rem;line-height:1.7;display:grid}.visual-flow-node>span:not(.visual-label){color:var(--muted);font-size:.63rem}.visual-flow-check{border-color:var(--gold)}.visual-connector{color:var(--gold);padding:.35rem 0;line-height:1;display:block}.visual-flow-branches{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.25rem;padding-top:.75rem;display:grid;position:relative}.visual-flow-branches:before{content:"";border:1px solid var(--gold);border-bottom:0;height:.65rem;position:absolute;top:0;left:25%;right:25%}.visual-flow-branches:after{content:"";border-left:1px solid var(--gold);height:1.25rem;position:absolute;top:-1.25rem;left:50%}.visual-branch-label{color:var(--muted);font-size:.62rem}.visual-flow-gate{color:var(--blue);margin:1rem 0 .5rem;font-size:.72rem}.visual-dialog-body{padding:1rem;font-size:.95rem}.visual-choice{border:1px solid var(--rule);border-radius:3px;align-items:center;gap:.75rem;margin-top:.5rem;padding:.65rem;font-size:.75rem;display:flex}.visual-choice>div{flex:1}.visual-choice>div>span{color:var(--muted);margin-top:.2rem;font-size:.63rem;display:block}.visual-choice-selected{background:color-mix(in srgb, var(--paper), var(--gold) 12%);border-color:var(--gold)}.visual-radio{color:var(--gold)}.visual-file-tree{padding:1rem .85rem}.visual-folder{color:var(--blue);font:.75rem/2 SFMono-Regular,Consolas,monospace}.visual-tree-indent{margin-left:.8rem}.visual-file{border-left:1px solid var(--rule);align-items:center;gap:.55rem;margin-left:1.6rem;padding:.65rem .4rem;font-size:.68rem;display:flex}.visual-file>div{overflow-wrap:anywhere;flex:1;min-width:0}.visual-file>div>span{color:var(--muted);margin-top:.3rem;font-size:.6rem;display:block}.visual-file-icon{border:1px solid var(--rule);padding:.45rem .25rem;font:.6rem/1 monospace}.visual-file-new{background:color-mix(in srgb, var(--paper), var(--green) 10%)}.visual-saved-mark{color:var(--green)}.visual-file-preview{border-top:1px solid var(--rule);padding:.85rem}.visual-file-preview p{font-size:.75rem}.visual-snippet>code{padding:1rem;display:block}.visual-snippet mark{background:color-mix(in srgb, var(--paper), var(--coral) 20%);color:var(--ink)}.visual-review-connection,.visual-improvement-arrow{color:var(--gold);justify-content:center;align-items:center;gap:.55rem;display:flex}.visual-review-connection>span,.visual-improvement-arrow>span{color:var(--muted);font-size:.62rem}.visual-trait-check{border:1px solid var(--rule);background:var(--paper);border-bottom:0;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.7rem;font-size:.67rem;display:grid}.visual-trait-check:last-child{border-bottom:1px solid var(--rule)}.visual-trait-check>span:first-child{color:var(--green)}.visual-trait-check>span:last-child,.visual-trait-check>div>span{color:var(--muted);font-size:.58rem}.visual-trait-check>div>span{margin-top:.3rem;line-height:1.7;display:block}.visual-trait-violation{background:color-mix(in srgb, var(--paper), var(--coral) 10%)}.visual-trait-violation>span:first-child{color:var(--coral)}.visual-before,.visual-after{border:1px solid var(--rule);border-radius:3px;padding:1rem}.visual-before>code,.visual-after>code{margin-top:.65rem;display:block}.visual-after{border-color:var(--green)}.visual-after .visual-label{justify-content:space-between;display:flex}.visual-recheck{justify-content:center;align-items:center;gap:.75rem;font-size:.75rem;display:flex}.visual-recheck-seal{border:1px solid var(--green);width:30px;height:30px;color:var(--green);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.visual-recheck>div>span{color:var(--muted);margin-top:.3rem;font-size:.6rem;display:block}.lifecycle-visual figcaption{border-top:1px solid var(--rule);color:var(--muted);padding:.65rem 1rem;font-size:.63rem}.lifecycle-visual figcaption>span{color:var(--gold)}.code-sample{min-width:0;box-shadow:3px 3px 0 color-mix(in srgb, var(--rule) 35%, transparent);background:#f5edd3;border:1px solid #d4c7a2}.code-heading{border-bottom:1px solid #d4c7a2;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;font-family:SFMono-Regular,Consolas,monospace;font-size:.75rem;display:flex}.code-heading>span{overflow-wrap:anywhere}.code-heading button{font:inherit;background:0 0;border:1px solid #b7a781;flex-shrink:0;padding:.35rem .5rem}.code-heading button:hover{background:#ebdfbd}.code-sample pre{margin:0;padding:1.35rem 1rem;font-size:.875rem;line-height:1.85;overflow-x:auto}.code-line{white-space:pre;min-height:1.85em;display:flex}.line-number{color:#9b8d6c;text-align:right;-webkit-user-select:none;user-select:none;min-width:2.1rem;padding-right:.75rem;font-size:.75rem;display:inline-block}.code-comment{color:#92762f}.book-note{border-bottom:1px solid var(--rule);max-width:730px;margin:0 auto;padding:1.4rem 0}.book-note>.eyebrow{color:var(--gold)}.book-note>.eyebrow,.judgment>.eyebrow,.setup-grid>div>.eyebrow{font-size:.75rem}.book-note>p{margin-bottom:0;font-size:1rem}.instruments{grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem;margin-top:3.5rem;display:grid}.instruments article{min-width:0}.instruments article+article{border-left:1px solid var(--rule);margin-left:-1rem;padding-left:3rem}.instrument-number{color:var(--gold);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.instruments h3{margin:1rem 0;font-size:1.65rem}.instruments>article>p:not(.small-note){font-size:1rem}.judgment{border-top:1px solid var(--rule);margin-top:4.5rem;padding-top:2.5rem}.judgment>.eyebrow{color:var(--gold)}.judgment>h3{margin-top:.5rem}.verdict-grid{grid-template-columns:repeat(4,1fr);gap:1.6rem;margin:2rem 0 1.5rem;display:grid}.verdict-grid>div{border-top:1px solid var(--rule);background:linear-gradient(to bottom, color-mix(in srgb, var(--gold) 4%, transparent), transparent);padding:1rem}.verdict-illustration{transition:transform .22s}@media (hover:hover){.verdict-grid>div:hover .verdict-illustration{transform:translateY(-3px)rotate(-3deg)}}.assessment-intro{max-width:850px;font-size:1rem}.verdict-illustration{width:64px;height:64px;display:block}.verdict-illustration.good{color:var(--green)}.verdict-illustration.neutral{color:var(--blue)}.verdict-illustration.warning{color:var(--coral)}.verdict-grid h4{margin:1rem 0 .5rem;font-size:1rem;font-weight:400}.verdict-grid p{margin:0;font-size:.875rem}.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:3rem;margin-top:3rem;display:grid}.setup-grid>div>.eyebrow{color:var(--green)}.setup-grid h3{margin-top:.7rem}.setup-grid p{font-size:1rem}.setup-grid p code{background:#eee4c7;padding:.15em .25em;font-size:.85em}.text-link{font-size:.875rem}.practice-list{border-top:1px solid var(--rule);margin-top:3.5rem}.practice-list>div{border-bottom:1px solid var(--rule);align-items:baseline;gap:1.2rem;padding:1rem 0;display:flex}.practice-list>div>span{color:var(--green);min-width:2rem;font-style:italic}.practice-list p{margin:0;font-size:.85rem}.practice-list strong{font-weight:700}.closing{text-align:center;margin-top:4rem}.closing>p{font-size:1.25rem}.docked-header{z-index:6;border-top:1px solid var(--rule);padding-bottom:max(1.15rem, env(safe-area-inset-bottom));border-bottom:0;grid-template-columns:1fr auto 1fr;display:grid;position:sticky;bottom:0}.docked-header nav{justify-self:end}.compact-install-command{border:1px solid var(--rule);border-radius:3px;width:auto;min-height:44px;margin:0;padding:.45rem 1.1rem}.compact-install-command code{color:var(--ink);font-size:.78rem;font-weight:400}.compact-install-command .install-status{margin-top:.15rem}.compact-install-command:is(:hover,:focus-visible){border-color:var(--muted);background:color-mix(in srgb, var(--paper), var(--gold) 8%)}@media (width>=901px){:root{--opening-contents-height:5rem}.opening{min-height:calc(max(100svh, 52rem) - var(--opening-contents-height));grid-template-rows:auto 1fr;display:grid}.opening .hero{align-items:center;min-height:0;margin-top:0;padding-block:2rem;display:grid}.hero-content{width:100%;display:flow-root}.contents-band{min-height:var(--opening-contents-height);margin-top:0}}@media (width<=900px){.masthead{padding:1rem 1.5rem}.masthead nav{gap:.85rem;font-size:.68rem}.source-link{padding-left:.85rem}.hero{margin-top:1rem;padding-top:1.5rem}.chapter{padding:4.5rem 2rem}.step-panel{gap:1.5rem;padding:1.5rem}.step-tabs button{gap:.4rem;font-size:.62rem}.instruments{gap:2.5rem}.instruments article+article{margin-left:-.5rem;padding-left:2rem}}@media (width<=640px){.masthead.docked-header{padding:.55rem .75rem;padding-bottom:max(.55rem, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.4rem}.docked-header .brand span{display:none}.masthead.docked-header nav{gap:.4rem}.docked-header .social-link{min-width:32px}.docked-header .compact-install-command{padding:.45rem .6rem}.docked-header .compact-install-command code{white-space:nowrap;font-size:.7rem}.docked-header .install-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.masthead{flex-wrap:wrap;gap:.8rem}.brand{font-size:1.15rem}.emblem{width:30px;height:30px}.masthead nav{gap:.65rem;font-size:.59rem}.source-link{display:none}.hero{margin-top:.75rem;padding:1rem 1.25rem 2rem}.hero:after{inset:.65rem}.hero h1{margin-block:1.5rem .75rem;font-size:clamp(3.5rem,15vw,6rem)}.hero-tagline{font-size:.87rem}.hero-byline{font-size:.65rem}.contents-band{gap:.85rem 1.25rem;margin-top:1.5rem;padding:1.4rem 1rem;font-size:.62rem}.contents-band>.eyebrow{text-align:center;width:100%}.chapter{padding:3.5rem 1.3rem}.chapter-heading{margin-bottom:2rem}.lead{font-size:.9rem}.drop-cap{font-size:4rem}.step-tabs{grid-template-columns:repeat(3,1fr)}.step-tabs button{border-bottom:1px solid var(--rule);padding:.9rem .5rem}.step-tabs button:nth-child(3n){border-right:0}.step-tabs button:last-child{border-bottom:0;grid-column:1/-1}.step-panel{grid-template-columns:minmax(0,1fr);min-height:0;padding:1.3rem}.visual-stage{min-height:0;padding:.85rem}.step-copy h3{font-size:1.4rem}.step-details>p{font-size:.9rem}.step-controls{margin-block:1rem}.code-sample pre{padding:1rem .5rem;font-size:.68rem}.line-number{min-width:1.5rem}.instruments{grid-template-columns:minmax(0,1fr);gap:2.5rem}.instruments article+article{border-left:0;border-top:1px solid var(--rule);margin-left:0;padding:2.5rem 0 0}.verdict-grid{grid-template-columns:1fr 1fr;gap:1.5rem}.setup-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem}.closing>p{font-size:1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}