.b67-shell{max-width:1040px;margin:auto;padding:1.5rem}.b67-controls{display:flex;gap:1rem;flex-wrap:wrap;align-items:end}.b67-controls label{display:grid;gap:.5rem;flex:1;min-width:180px}.b67-controls select{max-width:100%;padding:.7rem;background:#102744;color:white;border:1px solid #c6a762;border-radius:8px}.b67-shell button,.b67-shell .b67-download{padding:.65rem 1rem;margin:.4rem .5rem .4rem 0;border:1px solid #c6a762;border-radius:8px;background:#102744;color:#fff;cursor:pointer;display:inline-block}.b67-shell button:disabled{opacity:.5;cursor:default}.b67-shell video{width:100%;max-width:800px;aspect-ratio:16/9;background:#071426;border-radius:12px}.b67-shell section{padding:1.2rem 0;border-top:1px solid #53607b;margin-top:1rem}.b67-shell p,.b67-shell pre{line-height:1.7;overflow-wrap:anywhere}.b67-shell pre{white-space:pre-wrap;font:inherit}.b67-shell textarea{display:block;width:100%;box-sizing:border-box;min-height:130px;padding:.8rem;font:inherit;color:#101828;background:#fff;border:1px solid #68758d;border-radius:8px}.b67-shell input[type=text]{max-width:100%;box-sizing:border-box;font:inherit;padding:.6rem}.b67-question{padding:1rem;border:1px solid #53607b;border-radius:10px;margin:1rem 0}.b67-question label{display:block;padding:.65rem .2rem;cursor:pointer}.b67-feedback{min-height:1.5em;color:#f2dca3}.b67-progress{color:#f2dca3}.b67-shell summary{cursor:pointer;padding:.7rem 0}.b67-nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}@media(max-width:600px){.b67-shell{padding:1rem}.b67-controls{display:block}.b67-controls label{margin:.8rem 0}.b67-shell h1{font-size:1.65rem}.b67-shell h2{font-size:1.35rem}header{flex-wrap:wrap}}

/* B84: consistent navy and gold in every classroom control. */
body[data-course]{color-scheme:dark}.b67-shell select,.b67-shell option,.b67-shell button{background:#102947;color:#d9b565}.b67-shell textarea,.b67-shell input[type=text]{background:#0e213b;color:#eef2fa;border:1px solid #a88947}.b67-shell :is(button,select,input,textarea){min-height:44px}.b67-shell h1,.b67-shell h2,.b67-shell h3{color:#d9b565}.b67-shell :focus-visible{outline:3px solid #f1d596;outline-offset:3px}.b67-controls select{width:100%;min-width:0}.b67-shell{min-width:0}@media(max-width:700px){body[data-course] header{flex-wrap:wrap;height:auto}body[data-course] header nav{width:100%;flex-wrap:wrap;font-size:.9rem}.brand{font-size:.88rem}}