.academy-article .scw-lab{margin:26px 0;padding:clamp(16px,3vw,28px);border:1px solid var(--border-color,#424969);border-radius:22px;background:var(--bg-secondary,#1c2038);overflow:hidden;scroll-margin-top:130px}
.academy-article .scw-heading{display:flex;align-items:center;gap:14px;margin-bottom:16px}.academy-article .scw-heading h3{margin:4px 0;font-size:clamp(21px,3vw,28px)}.academy-article .scw-kicker{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--accent-color,#b6a5ff);margin:0}.academy-article .scw-icon{flex:0 0 48px;display:grid;place-items:center;height:48px;border-radius:14px;background:#7655c929;color:var(--accent-color,#b6a5ff);font-size:23px;font-weight:800}
.academy-article .scw-model-note{font-size:14px;color:var(--text-secondary,#b2b9d3)}.academy-article .scw-controls{margin:18px 0}.academy-article .scw-controls label{display:block;font-size:14px;font-weight:700}.academy-article .scw-controls input,.academy-article .scw-controls textarea,.academy-article .scw-controls select{display:block;box-sizing:border-box;max-width:100%;width:100%;margin:7px 0 0;padding:12px;border:1px solid var(--border-color,#525a7b);border-radius:11px;color:var(--text-primary,#f3f3ff);background:var(--bg-primary,#111429);font:inherit;line-height:1.5}.academy-article .scw-controls textarea{resize:vertical}.academy-article .scw-range-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.academy-article .scw-actions,.academy-article .scw-options{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-top:14px}.academy-article .scw-options label{flex:1 1 240px}.academy-article .scw-lab button{cursor:pointer;min-height:44px;padding:10px 15px;border:1px solid var(--border-color,#525a7b);border-radius:12px;background:var(--bg-primary,#111429);color:var(--text-primary,#f3f3ff);font:inherit;font-weight:700}.academy-article .scw-lab button[data-scw-action=next],.academy-article .scw-lab button[data-scw-action=apply]{background:#6950bd;color:#fff!important;border-color:#8066d5}.academy-article .scw-lab button:disabled{opacity:.55;cursor:default}.academy-article .scw-lab :is(button,input,textarea,select,a):focus-visible{outline:3px solid var(--accent-color,#ad97ff);outline-offset:3px}
.academy-article .scw-strip{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.academy-article .scw-strip>span{display:grid;gap:5px;min-width:54px;text-align:center;box-sizing:border-box;padding:9px;border:1px solid var(--border-color,#525a7b);border-radius:11px;background:var(--bg-primary,#111429)}.academy-article .scw-strip small{font-size:11px;color:var(--text-secondary,#b2b9d3)}.academy-article .scw-strip b{font-size:20px}.academy-article .scw-strip .scw-active{border-color:#ad97ff;box-shadow:0 0 0 2px #ad97ff55}.academy-article .scw-code{border-left:3px solid #a38aef;padding:12px 16px;background:#7655c912;overflow-wrap:anywhere}.academy-article .scw-code p{font-size:13px;margin:0 0 7px}.academy-article .scw-code code{white-space:normal}
.academy-article .scw-table{width:100%;min-width:470px;font-size:14px}.academy-article .scw-table caption{text-align:left;padding:12px 0;color:var(--text-secondary,#b2b9d3);font-size:13px}.academy-article .scw-table .scw-current{background:#7655c929;outline:2px solid #a38aef;outline-offset:-2px}.academy-article .scw-table .scw-future{opacity:.55}.academy-article .scw-table .scw-pass td:nth-child(3){font-weight:800;color:var(--text-primary,#f3f3ff)}.academy-article .scw-status{font-weight:700;padding:14px 16px;margin-bottom:8px;border-radius:12px;background:#7655c919;line-height:1.6}.academy-article .scw-error{color:var(--text-primary,#f3f3ff);padding:12px;border:1px solid #e8799a;border-radius:10px}.academy-article .scw-download{display:inline-block;margin-top:12px;font-weight:700}.academy-article .scw-lab [hidden]{display:none!important}
@media(max-width:430px){.academy-article .scw-range-fields{gap:7px}.academy-article .scw-controls input{padding:10px 7px}.academy-article .scw-range-fields label{font-size:12px}.academy-article .scw-actions>button{flex:1 1 140px}.academy-article .scw-options>button{flex:1 1 120px}.academy-article .scw-heading{align-items:start;gap:10px}}