.method-readouts{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--space-8)}@media (min-width:1024px){.method-readouts{grid-template-columns:repeat(4,minmax(0,1fr))}}.method-readout{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2)}.method-readout-value{font-family:var(--font-mono);font-size:var(--size-lg);font-weight:var(--fw-bold);color:var(--text);line-height:var(--lh-tight)}.method-readout-note{font-size:var(--size-xs);color:var(--text-muted);line-height:var(--lh-snug)}.method-phase-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-4)}.method-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr)}.method-flow,.method-stage{gap:var(--space-3);position:relative}.method-stage{display:flex;align-items:flex-start;padding:var(--space-3) var(--space-4);background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-2)}.method-stage-n{flex:0 0 auto;font-family:var(--font-mono);font-size:var(--size-xs);font-weight:var(--fw-bold);color:var(--brand);line-height:var(--lh-snug)}.method-stage-t{font-size:var(--size-sm);font-weight:var(--fw-semibold);color:var(--text);line-height:var(--lh-snug)}.method-stage-first{border-top:2px solid var(--signal)}.method-flow:before{content:"";position:absolute;top:var(--space-4);bottom:var(--space-4);left:3px;width:1px;background:var(--border-strong)}.method-stage{margin-left:var(--space-4)}.method-stage:before{content:"";position:absolute;left:calc(-1 * var(--space-4) - 3px);top:var(--space-4);width:7px;height:7px;border-radius:var(--radius-full);background:var(--signal)}.method-stage .method-arrow{display:none}.method-gate{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);margin:var(--space-6) 0;padding:var(--space-3) var(--space-4);border:1px solid var(--signal);border-radius:var(--radius-2);background:var(--surface)}.method-gate svg{color:var(--brand);flex:0 0 auto}.method-gate p{margin:0;font-size:var(--size-sm);color:var(--text)}@media (min-width:768px){.method-flow{gap:var(--space-4)}.method-flow,.method-flow-short{grid-template-columns:repeat(4,minmax(0,1fr))}.method-flow:before,.method-stage:before{display:none}.method-stage{margin-left:0;flex-direction:column;gap:var(--space-2);min-height:96px}.method-stage .method-arrow{display:block;position:absolute;top:50%;right:calc(-1 * var(--space-4));width:var(--space-4);height:0;margin-top:-1px;border-top:1px solid var(--border-strong)}.method-stage .method-arrow:after{content:"";position:absolute;right:0;top:-4px;width:7px;height:7px;border-top:1px solid var(--border-strong);border-right:1px solid var(--border-strong);transform:rotate(45deg)}.method-stage:last-child .method-arrow,.method-stage:nth-child(4n) .method-arrow{display:none}}.method-steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1fr)}@media (min-width:768px){.method-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}.method-step{display:flex;flex-direction:column;gap:var(--space-4)}.method-step-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.method-step-first{border-top:2px solid var(--signal)}.method-step .commitment{margin:0}.method-step-figs{margin-top:auto}.method-pair{display:grid;gap:var(--space-2);grid-template-columns:minmax(0,1fr)}@media (min-width:480px){.method-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}.method-pair>div{padding:var(--space-2) var(--space-3);border-radius:var(--radius-1);border:1px solid var(--border);background:var(--surface-subtle)}.method-pair .mono-label{display:block;margin-bottom:var(--space-1)}.method-pair .method-pair-no{border-style:dashed}.method-pair-text{font-size:var(--size-sm);color:var(--text);line-height:var(--lh-snug)}.method-rules{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1fr)}@media (min-width:768px){.method-rules{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.method-rules{grid-template-columns:repeat(3,minmax(0,1fr))}}.method-rule{flex-direction:column;padding:var(--space-4)}.method-rule,.method-rule-head{display:flex;gap:var(--space-3)}.method-rule-head{align-items:center;justify-content:space-between}.method-rule-n{color:var(--brand)}.method-rule h3{margin:0}.method-closing{margin-top:var(--space-8)}