*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:#126b77}button,textarea{font:inherit}section{scroll-margin-top:20px}.panel{background:#fff;border:1px solid #dce3e8;border-radius:15px;padding:28px;margin:20px 0}.panel h3{font-size:23px;margin:0 0 14px;letter-spacing:-.6px}.panel p{margin:12px 0}.panel li{margin:12px 0}.panel ol{padding-left:24px}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:11px 16px;text-decoration:none;font-weight:750;cursor:pointer}.primary{background:#e4cb8e;color:#172d40}.secondary{background:#eaf0f4;color:#23475b}.practice-hero .secondary{background:#294859;color:white}.classroom-page .practice-hero .source-note{font-size:13px;margin-top:20px;color:#c2d4df}.eyebrow{font-size:12px;font-weight:800;color:#137d80;letter-spacing:.3px}.flow{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.flow a{font-size:14px;font-weight:700;background:#e9f2f3;color:#18515d;border-radius:7px;padding:8px 11px;text-decoration:none}pre{max-width:100%;overflow:auto;background:#102b3b;color:#eff7fa;padding:20px;border-radius:10px;font:15px/1.8 Consolas,monospace;tab-size:4}code{font-family:Consolas,monospace;font-size:.94em}p code,li code,td code{background:#edf2f5;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}pre code{font-size:inherit;white-space:pre}.code-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;font-size:14px}.code-toolbar button{padding:8px 12px;border:1px solid #c7d6df;background:#f5f8fa;color:#24495d;border-radius:7px;cursor:pointer}.check{padding:15px 18px;background:#edf7f3;border-left:3px solid #137d80;border-radius:5px;font-size:15px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:15px}th,td{text-align:left;padding:12px;border-bottom:1px solid #dce3e8}th{background:#f1f5f7}summary{font-weight:750;cursor:pointer}details p{font-size:16px}.result-chart{display:block;max-width:100%;height:auto;margin:18px auto 24px;border:1px solid #e5eaee;border-radius:10px}textarea{display:block;width:100%;padding:15px;border:1px solid #bacbd6;border-radius:9px;margin:10px 0;resize:vertical;color:#172d40;line-height:1.8}#noteStatus{color:#426675;font-size:13px}dt{font-weight:750;margin-top:18px}dd{margin:6px 0;color:#516879}kbd{border:1px solid #ccd7de;border-radius:3px;padding:1px 4px;font-size:13px}.reference-links{font-size:13px;color:#617587}.copy-status{position:fixed;bottom:20px;right:20px;max-width:80vw;border-radius:8px;color:#fff;background:#15394e;padding:0}.copy-status:not(:empty){padding:10px 16px}.next-class{border-color:#bba364;background:#fffdf7}@media(max-width:650px){.panel{padding:19px}.panel h3{font-size:21px}.code-toolbar{align-items:flex-start;flex-direction:column}pre{font-size:14px;padding:14px}.flow a{font-size:12px;padding:7px}.panel li{margin:10px 0}td,th{padding:9px}.actions .btn{font-size:14px}.result-chart{min-width:0}}@media print{.flow,.code-toolbar button,.actions,.copy-status{display:none}.panel{break-inside:avoid;box-shadow:none}pre{white-space:pre-wrap;background:#f4f4f4;color:#111}pre code{white-space:pre-wrap}.practice-hero{background:#fff!important;color:#111!important}.practice-hero p{color:#111!important}}

.walkthrough-video-frame{display:block;width:100%;height:760px;min-height:240px;border:0;border-radius:10px;background:#071b26}@media print{#walkthrough-video{display:none}}