.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.hd-kb [aria-current=page],.menu-sheet [aria-current=page]{text-decoration-thickness:2px}.kb-hero{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;padding-top:var(--hd);border-bottom:1px solid var(--hair)}.kb-hero-title{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(48px,8vw,140px);padding-block:clamp(32px,4vw,56px) clamp(32px,3vw,48px);border-right:1px solid var(--hair);border-bottom:1px solid var(--hair)}.kb-hero-lead{grid-column:1;grid-row:2;padding-block:clamp(28px,3vw,44px) clamp(40px,5vw,72px);background:var(--surface);border-right:1px solid var(--hair)}.kb-hero-steel{grid-column:2;grid-row:1 / span 2;min-height:420px;overflow:clip;padding:0}.kb-hero-steel img,.guide-hero-steel img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:30% 40%}@media (prefers-reduced-motion: no-preference){.kb-hero .line{overflow:clip}.kb-hero .line>span{animation:rise .8s var(--ease) both;animation-delay:calc(var(--i) * 80ms + .12s)}}.kb-head{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--ink)}.kb-head-title{display:flex;flex-direction:column;gap:clamp(28px,3.4vw,56px);padding-block:var(--gap-section) clamp(32px,4vw,56px);border-right:1px solid var(--hair)}.kb-head-text{display:flex;align-items:flex-end;padding-block:var(--gap-section) clamp(32px,4vw,56px)}.guide-card{display:grid;grid-template-columns:1fr 3fr 3fr 1fr;align-items:start;gap:16px var(--pad);padding:clamp(32px,3.4vw,52px) var(--pad);border-bottom:1px solid var(--hair);background:var(--surface);text-decoration:none;transition:background-color .2s ease-out,color .2s ease-out}.guide-card-name{display:flex;flex-direction:column;gap:20px}.guide-card-text{color:var(--graphite);max-width:42ch;transition:color .2s ease-out}.guide-arrow{justify-self:end;font-size:clamp(1.75rem,2.6vw,2.75rem);line-height:1}.guide-arrow .i{transition:transform .2s ease-out}@media (hover: hover) and (pointer: fine){.guide-card:hover{background:var(--ink);color:var(--surface)}.guide-card:hover .label,.guide-card:hover .guide-card-text{color:var(--on-dark)}.guide-card:hover .tag:not(.live){border-color:var(--on-dark);color:var(--surface)}.guide-card:hover .guide-arrow .i{transform:translate(4px,-4px)}}.guide-card:focus-visible{outline-offset:-4px}.guide-meta{display:flex;flex-wrap:wrap;gap:8px}.guide-meta .tag:not(.live){background:transparent;border:1px solid var(--hair);color:var(--ink);padding-left:12px}.guide-meta .tag:not(.live):before{display:none}.motion .kb-principles{margin-top:0}.motion .kb-principles .fit-title-cell{padding-top:var(--gap-section)}.kb-principles .fit-head{grid-template-columns:1fr}.kb-principles .fit-title-cell{border-right:0}.kb-principles .scenario{grid-template-columns:1fr 3fr 4fr}.guide-progress{position:fixed;z-index:60;left:0;right:0;top:var(--hd);height:3px;background:var(--lime);transform:scaleX(var(--progress, 0));transform-origin:0 50%;pointer-events:none}.guide-hero{display:grid;grid-template-columns:1fr 1fr;padding-top:var(--hd);border-bottom:1px solid var(--hair)}.guide-hero-title{display:flex;flex-direction:column;justify-content:space-between;gap:clamp(48px,7vw,120px);padding-block:clamp(20px,2vw,28px) clamp(32px,4vw,56px);border-right:1px solid var(--hair)}.guide-hero-head{display:flex;flex-direction:column;gap:24px}.guide-hero .display{font-size:clamp(3.25rem,6.4vw,7.5rem);max-width:9ch}.guide-hero .count{color:var(--steel-mid)}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px}.breadcrumb a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-underline-offset:4px}.breadcrumb [aria-current]{color:var(--ink)}.guide-hero-side{display:grid;grid-template-rows:minmax(220px,1fr) auto}.guide-hero-steel{overflow:clip;padding:0;border-bottom:1px solid var(--hair)}.guide-summary{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding-block:clamp(28px,3vw,44px);background:var(--surface)}.guide-summary p{font-size:clamp(1.125rem,1.45vw,1.5rem);line-height:1.3;letter-spacing:-.02em;max-width:38ch}.guide-layout{display:grid;grid-template-columns:2fr 5.5fr 2.5fr;align-items:start}.guide-layout:focus{outline:none}.guide-index{position:sticky;top:calc(var(--hd) + 3px);display:flex;flex-direction:column;padding-block:28px}.guide-index p{font-family:var(--mono);font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;color:var(--graphite);margin-bottom:12px}.guide-index a{display:flex;align-items:center;min-height:44px;border-top:1px solid var(--hair);color:var(--graphite);text-decoration:none;transition:color .16s ease-out}.guide-index a:last-child{border-bottom:1px solid var(--hair)}.guide-main{min-width:0;border-inline:1px solid var(--hair)}.side-note{position:sticky;top:calc(var(--hd) + 3px);display:flex;flex-direction:column;gap:14px;margin:var(--pad);background:var(--ink);color:var(--on-dark)}.side-note .label{color:var(--lime)}.side-note b{color:var(--surface);font-weight:500}@media (hover: hover) and (pointer: fine){.guide-index a:hover{color:var(--ink)}}.chapter{display:flex;flex-direction:column;gap:20px;padding-block:clamp(56px,6vw,96px);border-bottom:1px solid var(--hair);scroll-margin-top:calc(var(--hd) + 3px)}.chapter:last-child{border-bottom:0}.chapter>.title{max-width:18ch;margin-bottom:8px}.chapter p,.chapter li{max-width:62ch}.chapter .intro{font-size:clamp(1.125rem,1.3vw,1.3125rem);line-height:1.4;letter-spacing:-.015em}.chapter h3{font-size:clamp(1.25rem,1.5vw,1.5rem);font-weight:500;line-height:1.2;letter-spacing:-.02em;margin-top:12px}.chapter ul,.chapter ol{display:flex;flex-direction:column;border-top:1px solid var(--ink)}.chapter li{position:relative;padding:14px 0 14px 44px;border-bottom:1px solid var(--hair)}.chapter ul>li:before{content:"";position:absolute;left:4px;top:1.45em;width:18px;height:2px;background:var(--ink)}.chapter ol{counter-reset:n}.chapter ol>li{counter-increment:n}.chapter ol>li:before{content:counter(n,decimal-leading-zero);position:absolute;left:0;top:16px;font-family:var(--mono);font-size:.8125rem;letter-spacing:.04em;color:var(--graphite)}.chapter code,.details-body code{font-family:var(--mono);font-size:.88em;letter-spacing:0;padding:.1em .35em;background:var(--neutral);border:1px solid var(--hair);overflow-wrap:anywhere}.chapter a:not(.btn){text-underline-offset:4px}.callout{padding:20px 22px;background:var(--surface);border-left:3px solid var(--ink)}.callout b{display:block;margin-bottom:6px;font-weight:500}.callout.success{border-left-color:var(--lime);background:#f4f8e4}.prompt-card{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-block:8px;padding:clamp(22px,2.4vw,32px);background:var(--ink);color:var(--surface)}.prompt-card h3{margin-top:0}.prompt-card>p{color:var(--on-dark)}.prompt-card blockquote{margin:6px 0 0;padding:18px 0 0;border-top:1px solid var(--ink-line);font-family:var(--mono);font-size:.9375rem;line-height:1.6;letter-spacing:0;color:#e4e6e9;max-width:70ch}.prompt-card :focus-visible{outline-color:var(--lime)}.copy{display:none;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid currentColor;border-radius:0;background:transparent;color:inherit;font-family:var(--mono);font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background-color .18s ease-out,color .18s ease-out,border-color .18s ease-out}.js .copy{display:inline-flex}.copy[data-state=done]{background:var(--lime);border-color:var(--lime);color:var(--ink)}@media (hover: hover) and (pointer: fine){.copy:hover{background:var(--lime);border-color:var(--lime);color:var(--ink)}}.codebox{display:flex;flex-direction:column;margin-block:14px;background:var(--ink);color:var(--surface)}.codebox .copy{align-self:flex-end;border-width:0 0 1px 1px;border-color:var(--ink-line)}.codebox pre{margin:0;padding:4px 18px 18px;white-space:pre-wrap;overflow-wrap:anywhere}.codebox code{font-family:var(--mono);font-size:.9375rem;line-height:1.6;padding:0;background:none;border:0;color:inherit}.codebox :focus-visible{outline-color:var(--lime)}.g-steps{counter-reset:gs;display:flex;flex-direction:column;border-top:1px solid var(--ink)}.g-step{counter-increment:gs;position:relative;padding:24px 0 28px 64px;border-bottom:1px solid var(--hair)}.g-step:before{content:counter(gs,decimal-leading-zero);position:absolute;left:0;top:24px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--lime);border:1.5px solid var(--ink);font-family:var(--mono);font-size:.8125rem;letter-spacing:.02em}.g-step>div{display:flex;flex-direction:column;gap:12px}.g-step h3,.g-step .callout{margin-top:6px}.workflow{border-top:1px solid var(--ink)}.workflow-row{display:grid;grid-template-columns:11ch 1fr;gap:var(--pad);padding-block:16px;border-bottom:1px solid var(--hair)}.workflow-row b{font-family:var(--mono);font-size:.8125rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--graphite);padding-top:.25em}.chapter details{border-bottom:1px solid var(--hair)}.chapter details:first-of-type,.g-step details{border-top:1px solid var(--hair)}.g-step details+details{border-top:0}.chapter summary{position:relative;display:flex;align-items:center;min-height:56px;padding:10px 44px 10px 0;font-weight:500;letter-spacing:-.015em;list-style:none;cursor:pointer}.chapter summary::-webkit-details-marker{display:none}.chapter summary:before,.chapter summary:after{content:"";position:absolute;right:6px;top:50%;width:16px;height:1.5px;background:currentColor;transition:transform .2s ease-out}.chapter summary:after{transform:rotate(90deg)}.chapter details[open]>summary:after{transform:rotate(0)}.details-body{display:flex;flex-direction:column;gap:12px;padding:0 0 22px}.catalog-details>summary{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,2vw,2rem);min-height:72px}.skill-toolbar{display:none;align-items:stretch;gap:12px var(--pad);margin-top:4px}.js .skill-toolbar{display:flex}.skill-toolbar label{flex:1}.skill-search{width:100%;min-height:56px;padding:0 14px;background:var(--neutral);color:var(--ink);border:0;border-bottom:1px solid var(--ink);border-radius:0;font:inherit;font-size:1.0625rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.skill-search::placeholder{color:#8a8f96;opacity:1}.skill-search:focus-visible{outline-offset:0}.skill-count{display:flex;align-items:center;font-family:var(--mono);font-size:.8125rem;letter-spacing:.04em;color:var(--graphite);white-space:nowrap;font-variant-numeric:tabular-nums}.skill-filters{display:none;flex-wrap:wrap;gap:8px}.js .skill-filters{display:flex}.filter{min-height:44px;padding:0 14px;background:transparent;color:var(--ink);border:1px solid var(--hair);border-radius:999px;font:inherit;font-size:.9375rem;cursor:pointer;transition:background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out}.filter[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}@media (hover: hover) and (pointer: fine){.filter:not([aria-pressed=true]):hover{border-color:var(--ink)}}.skill-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}.skill-item{display:flex;flex-direction:column;gap:4px;padding:14px 16px 14px 0;border-bottom:1px solid var(--hair)}.skill-item:nth-child(odd){padding-right:var(--pad)}.skill-item[hidden]{display:none}.skill-item code{align-self:flex-start}.skill-item span{color:var(--graphite);font-size:.9375rem;line-height:1.4}.empty-skills{display:none;padding:24px 0;color:var(--graphite)}.empty-skills.visible{display:block}@media (max-width: 1199px){.guide-layout{grid-template-columns:1fr 3fr}.guide-main{border-right:0;grid-row:1 / span 2;grid-column:2}.guide-index{grid-column:1;grid-row:1}.side-note{position:static;grid-column:1;grid-row:2;align-self:start}.guide-index{position:sticky}}@media (max-width: 899px){.guide-progress{height:2px}.kb-hero{grid-template-columns:1fr}.kb-hero-steel{grid-column:1;grid-row:1;min-height:0;height:260px}.kb-hero-title{grid-row:2;border-right:0;gap:28px;padding-block:28px 20px}.kb-hero-lead{grid-row:3;border-right:0;padding-block:24px 36px}.kb-hero .display{font-size:15vw}.kb-head{grid-template-columns:1fr}.kb-head-title{border-right:0;padding-block:64px 20px}.kb-head .headline{font-size:16vw}.kb-head-text{padding-block:0 32px}.guide-card{grid-template-columns:1fr auto;padding-block:28px 32px}.guide-card-kind{grid-column:1;grid-row:1}.guide-arrow{grid-column:2;grid-row:1}.guide-card-name,.guide-card-text{grid-column:1 / -1}.kb-principles .fit-title-cell{padding-bottom:32px}.motion .kb-principles .fit-title-cell{padding-top:64px}.kb-principles .scenario{grid-template-columns:auto 1fr}.guide-hero{grid-template-columns:1fr}.guide-hero-side{display:contents}.guide-hero-steel{order:-1;height:200px;border-bottom:1px solid var(--hair)}.guide-hero-title{border-right:0;border-bottom:1px solid var(--hair);gap:28px;padding-block:12px 28px}.guide-hero .display{font-size:14vw;max-width:none}.guide-summary .btn{width:100%}.guide-layout{grid-template-columns:1fr}.guide-main{grid-column:1;grid-row:auto;border:0}.guide-index,.side-note{position:static;grid-column:1;grid-row:auto}.guide-index{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--pad);padding-block:24px 8px;border-bottom:1px solid var(--hair)}.guide-index p{grid-column:1 / -1}.guide-index a{border-top:0;border-bottom:1px solid var(--hair);font-size:.9375rem}.side-note{margin:0}.chapter{padding-block:48px}.chapter li{padding-left:36px}.g-step{padding-left:52px}.g-step:before{width:36px;height:36px}.workflow-row{grid-template-columns:1fr;gap:4px}.skill-toolbar{flex-direction:column}.skill-list{grid-template-columns:1fr}.skill-item:nth-child(odd){padding-right:0}}@media (prefers-reduced-motion: reduce){.guide-card,.guide-arrow .i,.copy,.filter,.chapter summary:after{transition:none!important}}