/* Clear controls and pastel guides inside the notebook exercise page. */
.nl-root{min-width:0;max-width:100%;color:#293957}
.nl-root,.nl-root *{box-sizing:border-box}
.nl-instruction{margin:.7em 0;font-weight:700;overflow-wrap:anywhere}
.nl-operation{display:flex;flex-wrap:wrap;gap:.35em 1.2em;margin:1em 0;padding:.75em 1em;border:1px solid #e6bfc5;border-radius:13px;background:#f9e6e7;font-family:system-ui,sans-serif;font-size:1rem;line-height:1.6}
.nl-operation span{min-width:0}
.nl-operation strong{font-size:1.15em;font-variant-numeric:tabular-nums}
.nl-figure{width:100%;min-width:0;margin:1em 0;padding:.5em .35em .7em;border:1px solid #cbc8df;border-radius:14px;background:#fbf7ed}
.nl-diagram{display:block;width:100%;height:auto;max-width:100%;overflow:hidden}
.nl-axis{stroke:#6a7189;stroke-width:2}
.nl-axis-arrow{fill:#6a7189}
.nl-start-tick,.nl-current-tick{stroke:#354273;stroke-width:2}
.nl-start-dot{fill:#354273}
.nl-jump path{fill:none;stroke:currentColor;stroke-width:3}
.nl-jump polygon,.nl-jump circle{fill:currentColor}
.nl-jump-0{color:#42669a}.nl-jump-1{color:#9b4d72}.nl-jump-2{color:#497e65}.nl-jump-3{color:#875a9c}
.nl-diagram text{font-family:system-ui,sans-serif;text-anchor:middle;fill:#293957;font-size:40px;font-weight:650}
.nl-diagram .nl-jump-label{fill:currentColor;paint-order:stroke;stroke:#fbf7ed;stroke-width:7;stroke-linejoin:round}
.nl-diagram .nl-direction-label{font-size:38px;fill:#635d87}
.nl-diagram .nl-point-label{font-size:40px}
.nl-solved{border-color:#93bca7;background:#f0f8e9}
.nl-solved .nl-jump-label{stroke:#f0f8e9}
.nl-figure figcaption{margin:.3em .5em 0;font-family:system-ui,sans-serif;font-size:1rem;line-height:1.6;color:#414b64}
.nl-help{padding:.7em .9em;border-left:5px solid #a8bbd6;border-radius:0 11px 11px 0;background:#e6edf9;line-height:1.8;overflow-wrap:anywhere}
.nl-jump-list{padding:0!important;margin:1em 0!important;list-style:none!important;display:grid;gap:.6em}
.nl-jump-list li{display:flex;align-items:flex-start;gap:.7em;min-width:0;padding:.65em .8em!important;background:#ede7f6;border:1px solid #d4c8e1;border-radius:12px;line-height:1.7}
.nl-jump-list li:nth-child(even){background:#e3f0e6;border-color:#bad5c3}
.nl-jump-list li::before{display:none!important}
.nl-jump-list li>span:last-child{display:grid;gap:.2em;min-width:0}
.nl-jump-list strong{font-family:system-ui,sans-serif;font-size:1rem;line-height:1.6;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.nl-jump-list li>span:last-child>span{font-family:system-ui,sans-serif;font-size:1rem;line-height:1.7}
.nl-jump-count{flex:0 0 1.7em;display:grid;place-items:center;width:1.7em;height:1.7em;border-radius:50%;background:#fff6df;color:#544b76;font-family:system-ui,sans-serif;font-size:.9rem;font-weight:700}
.nl-latest-jump{outline:2px solid #a99bc6;outline-offset:2px}
.nl-actions{display:flex;flex-wrap:wrap;gap:.65em;margin:.8em 0}
.nl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;max-width:100%;padding:.65em 1em;border:2px solid #aaa0c5;border-radius:10px;background:#e7def4;color:#37315d;box-shadow:0 2px 0 #c9bddc;font-family:system-ui,sans-serif;font-size:.95rem;font-weight:650;line-height:1.4;text-align:center;white-space:normal;cursor:pointer}
.nl-btn:hover:not(:disabled){background:#ddd0ef}
.nl-btn:focus-visible,.nl-answer:focus-visible{outline:3px solid #326b9b;outline-offset:4px}
.nl-btn:disabled{cursor:default;opacity:.6;box-shadow:none}
.nl-primary{background:#d7e9df;border-color:#8bb69f;color:#234f3c;box-shadow:0 2px 0 #b4d1c1}
.nl-primary:hover:not(:disabled){background:#c5dfd0}
.nl-answer-form{display:flex;flex-wrap:wrap;align-items:center;gap:.7em;margin:1.2em 0 .7em}
.nl-answer-form label{width:100%;font-weight:650;line-height:1.6}
.nl-answer{display:block;flex:1 1 160px;min-width:0;max-width:100%;width:160px;min-height:48px;border:2px solid #929cbb!important;border-radius:9px!important;background:#fff8e8!important;padding:.6em .7em!important;color:#293957;font-family:system-ui,sans-serif!important;font-size:1.1rem!important;font-variant-numeric:tabular-nums;line-height:1.5!important}
.nl-answer::placeholder{font-size:.9rem;color:#62647b}
.nl-answer[readonly]{background:#e2f1df!important;border-color:#7da58c!important}
.nl-feedback{min-height:1.7em;line-height:1.8;overflow-wrap:anywhere}
.nl-feedback:not(:empty){padding:.8em 1em;border:1px solid #d8bc8e;border-radius:12px;background:#fff0d1;color:#58431e}
.nl-feedback.nl-positive{border-color:#a2c1a5;background:#dff1dc;color:#27492f}
@media(max-width:640px){.nl-figure{padding:.35em .12em .6em}.nl-help{padding:.6em .7em}.nl-operation{padding:.6em .7em}.nl-jump-list li{padding:.55em .6em!important;gap:.5em}.nl-jump-list strong{font-size:1rem}.nl-jump-count{font-size:.8rem}.nl-jump-list li>span:last-child>span{font-size:1rem}.nl-btn{font-size:.9rem;padding:.6em .8em}.nl-answer-form .nl-primary{flex:1 1 140px}.nl-figure figcaption{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.nl-root *{scroll-behavior:auto}}