.method-options{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 19px}.method-options button{font-size:12px;background:transparent;min-height:35px;padding:6px 10px}.method-options button[aria-pressed=true]{background:#e2ebdf;border-color:#718b75;color:#244b3e}.method-controls{display:flex;align-items:center;gap:12px;padding:13px;border-bottom:1px solid var(--line)}.method-controls>input{flex:1;min-width:40px}.method-controls>span{font-size:12px;min-width:34px;font-variant-numeric:tabular-nums;color:var(--muted)}.method-controls label{font-size:11px;white-space:nowrap}.method-controls select{font-size:11px;border:1px solid var(--line);background:white;padding:5px}.method-intro{font-size:13px;color:var(--muted);line-height:1.8}.method-stages{list-style:none;padding:0;margin:8px 0 19px;counter-reset:step}.method-stages li{counter-increment:step;position:relative;border-left:1px solid #c7d2c9;padding:0 0 10px 18px;margin-left:10px}.method-stages li:last-child{padding-bottom:0}.method-stages li:before{content:counter(step);position:absolute;left:-10px;top:6px;width:19px;height:19px;border:1px solid var(--line);border-radius:50%;font-size:10px;display:grid;place-items:center;background:var(--paper);color:#738674}.method-stages li.active:before{background:var(--green);color:white;border-color:var(--green)}.method-stages button{font-size:13px;text-align:left;border:0;background:transparent;min-height:32px;padding:4px 6px;width:100%}.method-stages li.active button{font-weight:600;color:var(--green);background:#e7ede2}.method-notes{padding:12px 0;border-top:1px solid var(--line);font-size:12px}.method-notes summary{cursor:pointer;color:var(--muted)}.method-notes p{margin:10px 0 0}.method-notes ul{padding-left:17px;font-size:11px}.method-notes li{margin:8px 0}.method-notes a{overflow-wrap:anywhere}@media(max-width:760px){.episode-tabs button{min-width:0;flex:1}.method-options{gap:5px}.method-options button{font-size:11px;min-height:32px;padding:5px 8px}.method-controls{gap:7px;padding:8px}.method-controls .play-button{font-size:12px;min-width:80px;padding:7px}.method-controls label{font-size:0}.method-controls select{font-size:10px}.model-host{height:34vh}.guide-panel>h2{font-size:22px}.method-stages button{font-size:14px}}
.method-comparison{border-left:3px solid #bf892e;background:#f4ecdc;padding:11px 13px;margin:12px 0 20px}.method-comparison[hidden]{display:none}.method-comparison p{font-size:12px;line-height:1.6;margin:0 0 5px}.method-comparison p:first-child{font-weight:600;color:#314c41}.method-comparison button{border:0;background:none;font-size:12px;text-align:left;padding:5px 0;color:#28665a;min-height:30px}
.model-bar #method-detail{margin-left:auto}.model-bar #method-detail:not([hidden])+#method-reset{margin-left:0}@media(max-width:600px){.model-bar{gap:6px;flex-wrap:wrap}.model-bar strong{font-size:11px}.model-bar button{font-size:10px;padding:4px 6px}}

.method-lesson{display:block;margin:12px 0;padding:10px 12px;border:1px solid #a7c8c6;border-radius:5px;color:#245d60;background:#edf6f4;font-size:13px}.method-lesson[hidden],.method-results[hidden]{display:none}.method-results{background:#f1f7f6;border-left:3px solid #008b9c;padding:9px 12px;margin-bottom:15px}.method-results p{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin:5px 0}.method-results b{font:600 12px Consolas,monospace;color:#126c77}.method-results p:last-child{display:block}.method-results p:last-child b{display:block;margin-top:4px}