:root{--bg:#f5f8fc;--paper:#fff;--ink:#1e2c43;--sub:#4a5d73;--blue:#243e75;--gold:#b27913;--line:#c5d4e3;--green:#116948;--warn:#8a3c18}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.48 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,a{font:inherit}a{color:#1b517c}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8b6210;outline-offset:2px}
.real-lab{max-width:1050px;margin:0 auto;padding:1.15rem}.mini-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.8rem}.mini-head h1{font-size:clamp(1.3rem,2.7vw,1.8rem);line-height:1.23;margin:.4rem 0 .5rem;color:#213d70}.mini-head p{font-size:.86rem;color:var(--sub);margin:.1rem 0 .5rem}.badge{display:inline-block;background:#eff4da;color:#6b5019;border:1px solid #d7c794;border-radius:10rem;padding:.18rem .7rem;font-size:.72rem;font-weight:800;letter-spacing:.04em}.mini-nav{display:flex;gap:.7rem;flex-wrap:wrap;font-size:.82rem;margin-top:.3rem}.mini-nav a{white-space:nowrap}
.mini-body{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:.85rem}.data-card,.task-card,.source-code{background:var(--paper);border:1px solid var(--line);box-shadow:0 3px 8px #1b2c4f0d;border-radius:.75rem;padding:1rem}.card-heading{display:flex;justify-content:space-between;gap:.6rem;align-items:baseline}.card-heading h2{font-size:1rem;margin:0 0 .6rem}.card-heading span{font-size:.78rem;color:var(--sub)}.table-scroll{width:100%;overflow-x:auto;max-height:315px;overflow-y:auto}.table-scroll table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:.75rem}.table-scroll th{position:sticky;top:0;background:#edf3f9;color:#263953;font-weight:800}.table-scroll td,.table-scroll th{padding:.4rem .35rem;border-bottom:1px solid #dbe5ee;text-align:right}.table-scroll td:first-child,.table-scroll th:first-child{text-align:left}.table-scroll tr:nth-child(even){background:#f5f8fd}.source-line{font-size:.74rem;color:var(--sub);margin:.75rem 0 0}.source-line span{display:block;margin-top:.35rem}
#question{font-weight:680;margin:.35rem 0 .95rem}.option{display:flex;gap:.7rem;align-items:flex-start;width:100%;background:#f3f6fc;border:1px solid #afc2d8;border-radius:.52rem;color:var(--ink);padding:.56rem .65rem;text-align:left;margin:.45rem 0}.option:hover{background:#e6f0fb}.option[aria-pressed=true]{background:#dcece4;border-color:#197154}.option .letter{display:grid;place-items:center;flex:none;border:1px solid #adbdd0;border-radius:.26rem;background:#fff;min-width:1.4rem;line-height:1.35;font-size:.82rem}.option[aria-pressed=true] .letter{background:#126e4f;color:#fff}
input[type=number]{display:block;width:100%;max-width:270px;background:#fff;border:1px solid #879fb9;border-radius:.5rem;padding:.65rem;margin:.6rem 0}input[type=range]{width:100%;accent-color:#245e84;margin:1rem 0}.selectable{display:flex;gap:.55rem;align-items:center;padding:.4rem;border:1px solid transparent;border-radius:.4rem;font-size:.84rem}.selectable:hover{border-color:#b3c3d6}.selectable input{accent-color:#1a6572;width:1.1rem;height:1.1rem}.field-note{font-size:.78rem;color:var(--sub);margin:.5rem 0}.live-values{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:.7rem 0}.live-values>div{background:#ecf3fb;border-radius:.4rem;padding:.5rem}.live-values strong{display:block;color:#1b5a54;font-size:.95rem;font-variant-numeric:tabular-nums}.live-values span{font-size:.7rem;color:var(--sub)}.figure{overflow-x:auto;margin:.6rem 0}.figure svg{display:block;width:100%;height:auto;min-width:390px}.figure text{font:12px system-ui;fill:#21354c}.figure line{stroke:#8195aa}.figure .zero{stroke:#aa7624;stroke-width:1.7;stroke-dasharray:4 4}.figure .bar{stroke:#237b89;stroke-width:2}.figure .dot{fill:#237b89}.figure .diamond{fill:#bf8b30}
.actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}button{border-radius:.45rem;border:1px solid #244b78;background:#244b78;color:white;padding:.55rem .85rem;font-size:.84rem;font-weight:800}.actions button:hover{filter:brightness(1.13)}button.secondary{background:#e8eff7;border-color:#a1b4c9;color:#243953}#result{padding:.8rem;background:#ebf6f0;border:1px solid #70aa88;border-radius:.5rem;margin-top:.7rem;font-size:.86rem}#result.bad{background:#fff2ec;border-color:#cd976e}#result p{margin:.3rem 0}#result a{font-weight:700}.source-code{margin-top:.8rem;font-size:.82rem}.source-code summary{cursor:pointer;color:#23466d;font-weight:750}.source-code pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eef3fb;border-radius:.4rem;padding:.7rem;font-size:.76rem;color:#182d46}.source-code p{color:#516077;font-size:.77rem}
html.embedded body{background:#fff}html.embedded .real-lab{padding:.8rem;max-width:none}html.embedded .mini-head{margin-bottom:.5rem}html.embedded .mini-head h1{font-size:1.2rem;margin:.25rem 0}html.embedded .mini-head p{margin:0;font-size:.76rem}html.embedded .badge{font-size:.65rem}html.embedded .source-code{margin-bottom:.8rem}html.embedded .mini-nav #courseBack{display:none}
@media(max-width:760px){.mini-body{grid-template-columns:1fr}.real-lab{padding:.85rem}.mini-head{flex-direction:column;gap:.3rem}.table-scroll{max-height:180px}.live-values{grid-template-columns:1fr 1fr 1fr}.mini-nav{margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}