.methods-lab{border:1px solid var(--line);background:var(--soft);margin:28px 0;padding:24px}.methods-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0;display:grid}.methods-controls label,.methods-label{font:600 13px/1.5 Arial,sans-serif;display:block}.methods-controls select,.methods-controls input{width:100%;color:var(--ink);background:var(--paper);border:1px solid var(--line);margin-top:7px;padding:10px;font:14px/1.5 Arial,sans-serif;display:block}.methods-buttons{flex-wrap:wrap;gap:12px;margin:18px 0;display:flex}.methods-buttons button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;padding:11px 15px;font:600 13px/1.5 Arial,sans-serif}.methods-buttons button:disabled{opacity:.5;cursor:default}.methods-buttons button.secondary{color:var(--ink);background:0 0}.methods-status{border-top:1px solid var(--line);padding:12px 0;font:14px/1.7 Arial,sans-serif}.methods-result{border-left:3px solid var(--green);margin:20px 0;padding:10px 18px}.methods-result p{margin:8px 0}.methods-table{max-width:100%;margin:20px 0;overflow-x:auto}.methods-table table{border-collapse:collapse;min-width:100%;font:13px/1.6 Arial,sans-serif}.methods-table caption{text-align:left;margin-bottom:12px;font:14px/1.6 Arial,sans-serif}.methods-table td,.methods-table th{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 12px}.methods-table th{font-weight:600}.lesson-page pre.methods-source{white-space:pre;background:var(--soft);border:1px solid var(--line);padding:18px;font:12px/1.8 ui-monospace,monospace;overflow-x:auto}.methods-notes{border:1px solid var(--line);background:var(--paper);width:100%;min-height:150px;color:var(--ink);resize:vertical;margin:10px 0;padding:12px;font:16px/1.6 Georgia,serif}.methods-flow{background:var(--soft);border:1px solid var(--line);padding:18px 22px;font:15px/1.8 Arial,sans-serif}.methods-checks{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:25px 0;display:grid}.methods-checks h3{font-size:20px}.methods-checks p{font-size:16px}.methods-stale{color:var(--muted);font:14px/1.6 Arial,sans-serif}.methods-comparison{min-width:0;margin:24px 0}.methods-comparison figcaption{font:600 14px/1.5 Arial,sans-serif}.methods-comparison .methods-comparison-scale{color:var(--muted);margin:6px 0 14px;font:12px/1.6 Arial,sans-serif}.methods-comparison-row{margin:12px 0}.methods-comparison-heading{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:3px 12px;margin-bottom:5px;font:13px/1.5 Arial,sans-serif;display:flex}.methods-comparison-heading span{overflow-wrap:anywhere;min-width:0;max-width:100%}.methods-comparison-track{background:var(--line);height:14px}.methods-comparison-bar{background:var(--green);height:100%}@media (width<=600px){.methods-lab{padding:18px}.methods-controls,.methods-checks{grid-template-columns:1fr}}