.practice-samples{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0 1.4rem}.practice-samples>div{background:#0d1725;padding:1rem 1.2rem;border:1px solid #29384d;border-radius:8px}.practice-samples strong{font-size:.9rem;color:#9bafc8}.practice-samples pre{margin:.65rem 0 0;font-size:1rem;white-space:pre-wrap;tab-size:4;color:#eef4fc}.gated-answer{padding:1.25rem 1.5rem}.gated-answer-heading{display:flex;align-items:center;gap:1rem;justify-content:space-between}.gated-answer button{padding:.7rem 1rem;border:1px solid #5d8ff2;border-radius:6px;color:#eef4fc;background:#244475;font:inherit;cursor:pointer}.gated-answer button:disabled{opacity:.5;cursor:not-allowed}.gated-answer p{font-size:1rem;line-height:1.7}.reference-source{background:#0c1420;border:1px solid #2a3d55;border-radius:8px;padding:1.3rem;white-space:pre;overflow:auto;font: .95rem/1.75 Consolas,monospace;tab-size:4;color:#e7effb}.end-practice .exercise-prompt{white-space:pre-wrap}body .slide.has-code:has(.end-practice){padding-bottom:2rem}.practice-shortcut{white-space:nowrap;font:inherit;padding:.4rem .65rem;border:1px solid #547bc0;background:transparent;color:inherit;border-radius:5px;cursor:pointer}@media(max-width:640px){.practice-samples{grid-template-columns:1fr}.gated-answer{padding:1rem}.gated-answer-heading{align-items:flex-start;flex-wrap:wrap}.reference-source{font-size:.9rem}}
.end-practice .exercise-prompt{font-size:16px;line-height:1.85}
@media(max-width:650px){.topbar{position:relative;display:block;height:114px;padding:12px 14px;box-sizing:border-box}.brand{height:32px}.brand strong{white-space:nowrap;font-size:14px}.brand-mark{flex-shrink:0;width:32px;height:32px}.topbar-tools{width:100%;display:flex;gap:7px;margin-top:9px}.course-select{flex:1;min-width:0}.course-select select{width:100%;max-width:none;font-size:14px}.view-switch{flex-shrink:0}.view-switch button{white-space:nowrap;font-size:14px;padding:6px 8px}.practice-shortcut{position:absolute;right:14px;top:12px;font-size:14px}.workspace{min-height:calc(100dvh - 114px)}.main{height:calc(100dvh - 114px)}.reading .main{height:auto;min-height:calc(100dvh - 114px)}}