.wf-main{width:100%;max-width:880px;padding:calc(96 * var(--ws-px)) calc(24 * var(--ws-px)) calc(128 * var(--ws-px));color:var(--text-primary,var(--text));margin-inline:auto}.wf-main a:focus-visible{outline:var(--focus-ring) solid var(--focus);outline-offset:var(--focus-offset)}:where(.wf-main) :where(h1,h2,h3,p){margin:0}.wf-hero{text-align:center;padding-bottom:calc(120 * var(--ws-px))}.wf-kicker{font-size:calc(14 * var(--ws-type-px));line-height:calc(20 * var(--ws-type-px));color:var(--accent-text,var(--link));font-weight:600}.wf-hero h1{margin:calc(16 * var(--ws-px)) auto 0;letter-spacing:-.03em;text-wrap:balance;max-width:16ch;font-size:clamp(40px,6vw,64px);font-weight:600;line-height:1.05}.wf-lede{margin:calc(24 * var(--ws-px)) auto 0;max-width:34rem;font-size:calc(19 * var(--ws-type-px));color:var(--text-secondary,var(--text-muted));text-wrap:pretty;line-height:1.55}.wf-actions{margin-top:calc(40 * var(--ws-px));justify-content:center;gap:calc(12 * var(--ws-px));flex-wrap:wrap;display:flex}.wf-section{padding-block:calc(72 * var(--ws-px));border-top:1px solid var(--border-subtle,var(--border))}.wf-section-title{font-size:calc(28 * var(--ws-type-px));letter-spacing:-.02em;font-weight:600;line-height:1.2}.wf-section-sub{margin-top:calc(12 * var(--ws-px));max-width:36rem;font-size:calc(16 * var(--ws-type-px));color:var(--text-secondary,var(--text-muted));line-height:1.55}.wf-flow{margin:calc(48 * var(--ws-px)) 0 0;padding:0;list-style:none}.wf-step{grid-template-columns:calc(40 * var(--ws-px)) minmax(0, 1fr);gap:calc(24 * var(--ws-px));padding-bottom:calc(48 * var(--ws-px));display:grid;position:relative}.wf-step:last-child{padding-bottom:0}.wf-step:not(:last-child):before{content:"";left:calc(19 * var(--ws-px));top:calc(44 * var(--ws-px));bottom:calc(4 * var(--ws-px));background:var(--border);width:1px;position:absolute}.wf-step-number{width:calc(40 * var(--ws-px));height:calc(40 * var(--ws-px));border:1px solid var(--border-strong,var(--border));font-size:max(12px, calc(13 * var(--ws-type-px)));font-variant-numeric:tabular-nums;color:var(--text-secondary,var(--text-muted));background:var(--bg-page,var(--canvas));border-radius:50%;place-items:center;font-weight:600;display:grid}.wf-step-body{padding-top:calc(8 * var(--ws-px));min-width:0}.wf-step-body h3{font-size:calc(19 * var(--ws-type-px));letter-spacing:-.01em;font-weight:600;line-height:1.3}.wf-step-body>p{margin-top:calc(6 * var(--ws-px));max-width:34rem;font-size:calc(16 * var(--ws-type-px));color:var(--text-secondary,var(--text-muted));line-height:1.55}.wf-example{margin:calc(20 * var(--ws-px)) 0 0;padding:calc(16 * var(--ws-px)) calc(20 * var(--ws-px));border:1px solid var(--border);border-radius:var(--radius-lg,12px);background:var(--bg-surface,var(--surface-sunken));max-width:34rem}.wf-example figcaption{margin-bottom:calc(8 * var(--ws-px));color:var(--text-muted);font-size:12px;font-weight:600;line-height:16px}.wf-example-source{font-family:var(--font-mono);font-size:max(12px, calc(13 * var(--ws-type-px)));white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-secondary,var(--text-muted));margin:0;line-height:1.6}.wf-example-list{gap:calc(6 * var(--ws-px));font-size:calc(14 * var(--ws-type-px));color:var(--text-secondary,var(--text-muted));margin:0;padding:0;line-height:1.5;list-style:none;display:grid}.wf-example-list li{padding-left:calc(16 * var(--ws-px));position:relative}.wf-example-list:not(.wf-example-check) li:before{content:"";width:calc(5 * var(--ws-px));height:calc(5 * var(--ws-px));background:var(--text-muted);border-radius:50%;position:absolute;top:.65em;left:2px}.wf-example-check li{padding-left:calc(22 * var(--ws-px))}.wf-example-check svg{color:var(--status-live,var(--success));position:absolute;top:.2em;left:0}.wf-example-decision{align-items:center;gap:calc(8 * var(--ws-px));font-size:calc(15 * var(--ws-type-px));color:var(--status-live,var(--success));font-weight:600;display:flex}.wf-templates{margin:calc(40 * var(--ws-px)) 0 0;padding:0;list-style:none}.wf-template{grid-template-columns:calc(200 * var(--ws-px)) minmax(0, 1fr);column-gap:calc(32 * var(--ws-px));row-gap:calc(4 * var(--ws-px));padding-block:calc(24 * var(--ws-px));border-top:1px solid var(--border-subtle,var(--border));display:grid}.wf-template:last-child{border-bottom:1px solid var(--border-subtle,var(--border))}.wf-template h3{font-size:calc(16 * var(--ws-type-px));grid-row:span 2;font-weight:600;line-height:1.5}.wf-template-purpose{font-size:calc(16 * var(--ws-type-px));color:var(--text-primary,var(--text));line-height:1.5}.wf-template-members{font-size:calc(14 * var(--ws-type-px));color:var(--text-muted);line-height:1.5}.wf-principles{margin:calc(40 * var(--ws-px)) 0 0;gap:calc(40 * var(--ws-px)) calc(48 * var(--ws-px));grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.wf-principles h3{font-size:calc(16 * var(--ws-type-px));font-weight:600;line-height:1.4}.wf-principles p{margin-top:calc(6 * var(--ws-px));font-size:calc(15 * var(--ws-type-px));color:var(--text-secondary,var(--text-muted));line-height:1.55}.wf-cta{padding-top:calc(96 * var(--ws-px));border-top:1px solid var(--border-subtle,var(--border));text-align:center}.wf-cta h2{letter-spacing:-.02em;font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1.15}.wf-cta p{margin:calc(12 * var(--ws-px)) auto calc(32 * var(--ws-px));max-width:30rem;font-size:calc(17 * var(--ws-type-px));color:var(--text-secondary,var(--text-muted));line-height:1.55}@media (width<=640px){.wf-main{padding:calc(56 * var(--ws-px)) calc(16 * var(--ws-px)) calc(88 * var(--ws-px))}.wf-hero{padding-bottom:calc(72 * var(--ws-px))}.wf-lede{font-size:calc(17 * var(--ws-type-px))}.wf-section{padding-block:calc(56 * var(--ws-px))}.wf-section-title{font-size:calc(24 * var(--ws-type-px))}.wf-step{grid-template-columns:calc(32 * var(--ws-px)) minmax(0, 1fr);gap:calc(16 * var(--ws-px))}.wf-step-number{width:calc(32 * var(--ws-px));height:calc(32 * var(--ws-px));font-size:12px}.wf-step:not(:last-child):before{left:calc(15 * var(--ws-px));top:calc(36 * var(--ws-px))}.wf-step-body{padding-top:calc(4 * var(--ws-px))}.wf-example{padding:calc(14 * var(--ws-px)) calc(16 * var(--ws-px))}.wf-template{grid-template-columns:minmax(0,1fr)}.wf-template h3{grid-row:auto}.wf-principles{gap:calc(28 * var(--ws-px));grid-template-columns:minmax(0,1fr)}.wf-cta{padding-top:calc(72 * var(--ws-px))}}