/* N24–N40: readable material, aligned sequences, and explicit compute paths. */
.nl-scene{width:100%;display:flex;flex-direction:column;gap:18px;color:#182b43;line-height:1.5}.nl-scene p{margin:0}.nl-scene h3{font-size:24px;margin:0 0 10px;color:#002676}.nl-kicker{font-size:17px;color:#536377;font-weight:600;letter-spacing:.025em}.nl-paper{border-left:5px solid #002676;background:#f0f4f8;padding:20px 25px;font-size:28px}.nl-paper .nl-kicker{display:block;margin-bottom:9px}.nl-paper.gold{border-left-color:#b58a24;background:#fff6dc}.nl-original{opacity:.65}.nl-two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.nl-three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.nl-prompt{border:1px solid #bdcbdc;border-radius:8px;padding:18px 23px;background:#f4f7fb;font-size:25px;line-height:1.6}.nl-prompt code{font-family:ui-monospace,monospace;font-size:25px;white-space:pre-wrap}.nl-prompt .nl-example{background:#fff0bd;display:inline;padding:2px 4px}.nl-output{padding:12px 18px;font-size:25px;color:#002676;min-height:64px;border-top:2px solid #fdb515}.nl-note{font-size:21px;color:#536377}.nl-result{border-top:3px solid #fdb515;padding:13px 8px 0;color:#002676;font-size:27px;font-weight:650}.nl-hidden{visibility:hidden}.nl-answer{color:#176b60;font-weight:700}.nl-wrong{color:#a63138;text-decoration:line-through}.nl-em{color:#8a5a00;font-weight:700}.nl-call{padding:14px 22px;border-radius:6px;background:#fff6dc;font-size:24px;color:#594010}.nl-problem{display:grid;grid-template-columns:1fr 62px 150px;align-items:center;gap:16px;font-size:27px;padding:14px 18px;background:#f0f4f8}.nl-problem .target{background:#fff0bd;padding:8px;text-align:center;color:#8a5a00;font-weight:700}.nl-curtain{display:inline-block;background:repeating-linear-gradient(135deg,#d9e1eb 0px,#d9e1eb 7px,#eff3f8 7px,#eff3f8 14px);color:#536377;font-size:21px;padding:3px 10px;margin-left:8px}.nl-svg{width:100%;max-height:590px;overflow:visible;font-family:inherit}.nl-table{width:100%;border-collapse:collapse;font-size:24px}.nl-table th,.nl-table td{padding:12px 18px;border-bottom:1px solid #bdcbdc;text-align:left}.nl-table th{background:#eef3fa;color:#002676}.nl-table .gold{background:#fff4ce}.nl-labels{display:flex;gap:18px}.nl-labels span{padding:8px 16px;border:1px solid #bdcbdc;border-radius:6px;font-size:22px}.nl-sample{display:grid;grid-template-columns:145px 1fr 80px;align-items:center;border:1px solid #bdcbdc;margin-bottom:-1px;padding:12px 20px;font-size:24px;gap:20px}.nl-sample strong{font-size:21px;color:#536377}.nl-sample.answer{background:#fff4ce}.nl-mask{text-align:center;font-size:30px;font-weight:700;color:#002676}.nl-mask.zero{color:#536377}.nl-stream{display:flex;align-items:stretch;gap:4px;font-size:22px;line-height:1.45}.nl-stream>*{padding:10px;border:1px solid #bdcbdc;background:#edf3fa}.nl-stream .response{background:#fff4ce;border-color:#cfa94a}.nl-criterion{display:flex;justify-content:space-between;gap:12px;font-size:23px}.nl-criterion span{padding:10px 15px;background:#eef4fa;border-radius:5px}.nl-rows{display:flex;flex-direction:column;gap:14px}.nl-row{display:grid;grid-template-columns:145px 1fr 170px;gap:20px;align-items:center;padding:13px 20px;background:#f0f4f8;font-size:24px}.nl-row b{color:#002676}.nl-row code{font-size:22px;white-space:pre-wrap}.nl-row small{font-size:20px;color:#8a5a00}.nl-fixed{border:2px solid #002676;border-radius:6px;padding:10px 18px;text-align:center;font-size:25px;font-weight:650;color:#002676;background:#eef3fa}.nl-metrics{display:flex;justify-content:center;gap:35px;font-size:24px}.nl-metrics strong{font-size:38px;color:#002676}.nl-model-tag{color:#002676;font-size:24px;font-weight:650}.nl-matrix td{text-align:center;font-size:21px}.nl-matrix th{font-size:23px}.nl-matrix td{height:80px}.nl-transition{display:flex;gap:14px;justify-content:center;align-items:center;font-size:23px}.nl-transition>span{border:1px solid #bdcbdc;background:#eef3fa;padding:15px 20px}.nl-legend{display:flex;gap:24px;flex-wrap:wrap;font-size:20px;color:#536377}.nl-border-gold{border-color:#b58a24!important;background:#fff6dc!important}.nl-badge{display:inline-block;border:1px solid #bdcbdc;background:#fff;padding:4px 10px;border-radius:5px;font-size:19px;color:#536377}@media(max-width:850px){.nl-two,.nl-three{grid-template-columns:1fr}.nl-paper{font-size:23px}.nl-prompt,.nl-prompt code{font-size:22px}.nl-row,.nl-sample{grid-template-columns:1fr}.nl-svg{min-width:760px}.nl-scene{overflow-x:auto}.nl-table{font-size:20px}.nl-criterion{flex-wrap:wrap}}

.nl-icl-row{display:grid;grid-template-columns:1.15fr 40px 130px 40px 1fr;gap:15px;align-items:center}.nl-icl-row .nl-prompt{padding:13px 19px}.nl-icl-row .nl-prompt code{font-size:24px;line-height:1.35}.nl-icl-arrow{font-size:31px;color:#002676;text-align:center}.nl-icl-x{background:#fff6dc;border:1px solid #cfa94a;font-size:36px;text-align:center;padding:12px 5px;color:#002676;font-weight:650}.nl-icl-x small{display:block;font-size:18px;color:#536377}.nl-icl-kv{display:flex;flex-direction:column;gap:11px;border:1px solid #bdcbdc;padding:16px;background:#eef3fa}.nl-icl-kv>b{font-size:30px;color:#002676}.nl-icl-kv small{font-size:20px;color:#536377}@media(max-width:850px){.nl-icl-row{grid-template-columns:1fr 32px 95px}.nl-icl-row .nl-icl-kv{grid-column:1/-1}}

/* Keep complete ICL prompts and the fixed-weight premise in the 1366×768 classroom viewport. */
.nl-scene:has(.nl-icl-row){gap:10px}.stage .nl-scene:has(.nl-icl-row) p{margin:0}.nl-scene:has(.nl-icl-row) .nl-fixed{padding:5px 18px;font-size:24px}.nl-icl-row .nl-prompt{padding:6px 16px;line-height:1.15}.nl-icl-row .nl-prompt code{font-size:24px;line-height:1.15}.nl-icl-row .nl-icl-kv{padding:10px 16px;gap:6px}.nl-scene:has(.nl-icl-row) .nl-call{padding:8px 18px}.nl-scene:has(.nl-icl-row) .nl-note{font-size:20px}

/* Keep the full sample; each state shows only its current explanatory mechanism. */
.nl-sft-loss{gap:10px}.nl-sft-loss .nl-sample{padding:6px 20px;line-height:1.2}.nl-sft-loss .nl-note{font-size:20px;line-height:1.3}

/* Two concrete supervision pairs stay legible without compressing the full SFT sample. */
.nl-sft-sample{gap:12px}.nl-sft-sample .nl-sample{padding:10px 20px;line-height:1.35}.nl-sft-sample .nl-stream{font-size:22px}.nl-prefix-pairs{display:grid;grid-template-columns:285px 1fr;gap:28px;align-items:center}.nl-prefix-origin{border:1px solid #bdcbdc;background:#eef3fa;padding:16px 20px;font-size:23px;color:#536377;text-align:center}.nl-prefix-origin strong{display:block;color:#002676;font-size:26px}.nl-prefix-pair{display:grid;grid-template-columns:1fr 50px 100px;gap:12px;align-items:center;margin-bottom:8px;font-size:25px;color:#002676}.nl-prefix-pair span{padding:7px 16px;border:1px solid #bdcbdc;background:#eef3fa}.nl-prefix-pair>b{text-align:center;font-size:30px}.nl-prefix-pair>strong{background:#fff0bd;border:1px solid #b58a24;text-align:center;padding:7px;font-size:28px}.nl-prefix-pairs .nl-note{font-size:21px}.nl-sft-loss .nl-svg{flex-shrink:0}.nl-sft-loss .nl-sample{font-size:24px}.nl-sft-loss .nl-mask{font-size:28px}@media(max-width:850px){.nl-prefix-pairs{grid-template-columns:1fr}.nl-prefix-origin{padding:10px}.nl-prefix-pair{font-size:23px;grid-template-columns:1fr 30px 70px}}