/* Shared pedagogical stage. Scoped; inherited chart engines retain their colours. */
.lesson270{background:#0b1b29;color:#eaf0f5;padding:clamp(16px,3vw,30px);border:1px solid #536273;border-top:3px solid #c9a763;margin:28px 0;isolation:isolate}.lesson270 header>span{font:12px/1.5 monospace;color:#d7b16c;letter-spacing:.1em}.lesson270 h3{font-family:Georgia,serif;font-size:clamp(22px,3vw,32px);font-weight:400;color:#fff;margin:10px 0 20px}.lesson270 p{color:#dae2eb;line-height:1.65;max-width:90ch}.lesson270-steps{display:flex;flex-wrap:wrap;gap:8px}.lesson270 button,.lesson270 select{background:#132b3e;color:#eaf0f5;border:1px solid #6c7e8c;border-radius:3px;min-height:44px;padding:9px 12px;cursor:pointer;font-size:14px}.lesson270-steps button[aria-pressed=true]{color:#fff;border-color:#e4ba70;background:#354234;box-shadow:inset 0 -3px #e4ba70}.lesson270-steps button>span{color:#e4ba70;font-family:monospace}.lesson270 button:disabled{opacity:.45;cursor:default}.lesson270 :focus-visible{outline:3px solid #7dc8ed;outline-offset:3px}.lesson270-active{border-left:3px solid #d7b16c;padding:18px;margin:20px 0;background:#102333;min-height:130px}.lesson270-equation{display:flex;align-items:baseline;flex-wrap:wrap;gap:15px}.lesson270-equation>span{font:clamp(18px,2.3vw,25px)/1.5 Georgia,serif;color:#e4ba70}.lesson270-equation>strong{font:clamp(18px,2vw,24px)/1.5 monospace;color:#9ed7f2;overflow-wrap:anywhere}.lesson270 figure{margin:20px 0}.lesson270 figcaption{color:#b8c7d5;font:12px/1.5 monospace}.lesson270 pre{background:#08131e;border:1px solid #34495c;padding:12px 0;overflow:auto;max-width:100%;font-size:13px;line-height:1.9;white-space:pre}.lesson270 code{display:block;padding:3px 12px;color:#b8c7d5;border-left:3px solid transparent;width:max-content;min-width:100%;box-sizing:border-box}.lesson270 code[data-active=true]{background:#433b26;color:#fff;border-color:#e4ba70}.lesson270 code>span{display:inline-block;min-width:26px;color:#9eb0bf}.lesson270-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.lesson270-controls label{display:flex;align-items:center;gap:10px;color:#eaf0f5}.lesson270 progress{width:100%;height:8px;accent-color:#d7b16c;margin-top:18px}.lesson270 .lesson270-note{font-size:13px;color:#bac8d6}.lesson270 button:hover:not(:disabled){border-color:#e4ba70}@media(max-width:560px){.lesson270-steps button{flex:1 1 45%}.lesson270-controls button{flex:1 1 40%}.lesson270{padding:15px}.lesson270-active{padding:12px;min-height:180px}}@media(prefers-reduced-motion:reduce){.lesson270 *{animation:none!important;transition:none!important}}
/* Banking's legacy code/controls rules must not leak into the dark teaching stage. */
.r256-workbench .lesson270 pre code{background:#08131e!important;color:#b8c7d5!important}.r256-workbench .lesson270 pre code[data-active=true]{background:#433b26!important;color:#fff!important}.r256-workbench .lesson270 button,.r256-workbench .lesson270 select{background:#132b3e!important;color:#eaf0f5!important;border-color:#6c7e8c!important}.r256-workbench .lesson270 button[aria-pressed=true]{background:#354234!important;border-color:#e4ba70!important}.r256-workbench .lesson270 button:disabled{opacity:.45}.r256-workbench .lesson270-controls label{color:#eaf0f5!important}