.method-step .method-lead{gap:var(--space-4);align-content:start;display:grid}.method-step{padding-block:clamp(2.5rem,4vw,4.5rem)}.method-step .step-title,.method-step .step-body{margin-block-start:0}.method-practice{padding-block:var(--space-6);border-block-start:var(--rule-width) solid var(--rule);gap:var(--space-6);align-content:start;display:grid}.example-pair{gap:var(--space-6);align-items:start;display:grid}.example{gap:var(--space-2);align-content:start;display:grid}.example p:not(.meta){font-size:var(--text-small);max-width:44ch;margin:0;line-height:1.55}.example-label{color:var(--ink-meta)}.method-note{font-size:var(--text-small);max-width:62ch;border-block-start:var(--rule-width) solid var(--rule);padding-block-start:var(--space-4)}@media (max-width:74.99rem){.method-practice{margin-block-start:var(--space-6)}}.method-hero-slot{aspect-ratio:1.5}.method-system-slot{aspect-ratio:3/1.5}.system-body>*+*{margin-block-start:var(--space-4)}.system-body .lede{margin-block-start:0}.system-status{margin-block-start:var(--space-6)}.system-action{align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-block-start:var(--space-6);display:flex}.button-link{min-height:48px;padding-inline:var(--space-6);font-family:var(--font-display);letter-spacing:.01em;color:var(--chalk);background:var(--carbon);border:var(--rule-width) solid var(--carbon);transition:background var(--motion-duration) var(--motion-easing), color var(--motion-duration) var(--motion-easing);align-items:center;gap:.45em;font-size:1.0625rem;font-weight:600;text-decoration:none;display:inline-flex}.button-link:hover{background:var(--warm-charcoal);border-color:var(--warm-charcoal)}.button-link:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.system-destination{color:var(--ink-meta)}@media (min-width:48rem){.example-pair{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:75rem){.method-practice{padding-inline-start:var(--cell-pad)}}