.algo-explainer code{display:block;white-space:normal;background:#eaf3e9;border-radius:12px;padding:14px 18px;color:#20573e;font-size:14px;line-height:1.6;margin:15px 0}
.algo-editor{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:20px;align-items:start;padding-bottom:30px}.algo-controls,.algo-results{min-width:0}.algo-panel{background:#fff;border:1px solid #dce8dd;border-radius:22px;padding:24px;margin-bottom:18px;box-shadow:0 10px 26px rgba(24,62,39,.04)}.algo-panel h3{font-size:21px;letter-spacing:-.5px;margin:4px 0 10px}.algo-panel p{line-height:1.6}.algo-kicker{font-size:11px;color:#206e4b;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.algo-muted{font-size:13px;color:#526d59}.algo-fine{font-size:12px;color:#657b6b}.algo-error{color:#a43928!important;font-size:13px;font-weight:700}.algo-highlight{color:#176344;font-size:13px;font-weight:750}.algo-metrics{display:grid;gap:10px;margin:17px 0}.algo-metric{padding:16px;background:#f5f9f5;border:1px solid #e0ebdf;border-radius:16px}.algo-metric-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.algo-check{display:flex;align-items:center;gap:10px;font-size:15px}.algo-check input{width:21px;height:21px;accent-color:#176344}.algo-share{font-size:15px;font-weight:750;color:#176344}.algo-slider-label{display:flex;justify-content:space-between;font-size:12px;color:#425e4a;margin-top:12px}.algo-slider-label output{font-weight:750}.algo-metric input[type=range]{display:block;width:100%;min-height:44px;accent-color:#1c7955;cursor:pointer}.algo-link{border:0;background:transparent;color:#176344;text-decoration:underline;padding:10px 0;font-size:12px}.algo-actions{display:flex;gap:8px;flex-wrap:wrap}.algo-actions button,.algo-panel>button,.algo-custom button{border:1px solid #b8d2be;border-radius:11px;background:#f4faf4;color:#174d32;padding:11px 15px;min-height:44px;font-weight:700}.algo-actions .algo-primary{background:#176344;border-color:#176344;color:#fff}.algo-panel select{min-height:44px;padding:8px;border:1px solid #9eb9a7;border-radius:10px;background:#fff;max-width:100%;margin-right:8px}.algo-dictionary{margin-top:16px;border-top:1px solid #e4ebe3;padding-top:12px}.algo-dictionary summary{cursor:pointer;font-size:13px;font-weight:700;color:#176344;min-height:38px}.algo-custom{display:grid;gap:12px}.algo-custom label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#425e4a}.algo-custom input{min-height:44px;padding:10px;border:1px solid #a9c2ae;border-radius:10px;font:inherit;font-weight:400}.algo-table-wrap{overflow:auto;margin-top:16px}.algo-table{min-width:620px}.algo-table th,.algo-table td{font-size:12px;padding:10px 7px}.algo-contribution{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:13px;font-size:13px}.algo-contribution strong{color:#176344}.algo-track{grid-column:1/-1;height:8px;border-radius:8px;background:#e7eee7;overflow:hidden}.algo-track div{height:100%;border-radius:8px;background:#53a777}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #e0953c;outline-offset:2px}
@media(max-width:900px){.algo-editor{grid-template-columns:1fr}.algo-results{order:1}.algo-controls{order:2}}
@media(max-width:520px){.algo-panel{padding:18px;border-radius:17px}.algo-actions button{flex:1 1 135px}.algo-panel select{width:100%;margin:0 0 8px}}