.learning-container{width:min(1280px,100% - 32px);margin-inline:auto}.scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-none::-webkit-scrollbar{display:none}:root{--anim-stage-bg:#f8fafc;--anim-node-bg:#fff;--anim-node-border:#cbd5e1;--anim-node-text:#0f172a;--anim-edge:#94a3b8;--anim-pointer:#475569;--anim-role-default-bg:#e2e8f0;--anim-role-default-border:#cbd5e1;--anim-role-default-text:#334155;--anim-role-scanning-bg:#dbeafe;--anim-role-scanning-border:#3b82f6;--anim-role-scanning-text:#1e3a8a;--anim-role-scanning-glow:#3b82f673;--anim-role-tracked-bg:#fef3c7;--anim-role-tracked-border:#f59e0b;--anim-role-tracked-text:#78350f;--anim-role-tracked-glow:#f59e0b66;--anim-role-swap-bg:#fee2e2;--anim-role-swap-border:#ef4444;--anim-role-swap-text:#7f1d1d;--anim-role-swap-glow:#ef444473;--anim-role-sorted-bg:#d1fae5;--anim-role-sorted-border:#10b981;--anim-role-sorted-text:#065f46;--anim-role-sorted-glow:#10b98166;--anim-role-active-bg:#ede9fe;--anim-role-active-border:#8b5cf6;--anim-role-active-text:#4c1d95;--anim-role-active-glow:#8b5cf666;--anim-pseudo-bg:#f8fafc;--anim-pseudo-line-bg:#eff6ff;--anim-pseudo-line-border:#3b82f6;--anim-pseudo-text:#64748b;--anim-pseudo-text-active:#0f172a}:where(.dark){--anim-stage-bg:#0b1120;--anim-node-bg:#111827;--anim-node-border:#334155;--anim-node-text:#e2e8f0;--anim-edge:#475569;--anim-pointer:#94a3b8;--anim-role-default-bg:#1e293b;--anim-role-default-border:#334155;--anim-role-default-text:#94a3b8;--anim-role-scanning-bg:#3b82f62e;--anim-role-scanning-border:#60a5fa;--anim-role-scanning-text:#bfdbfe;--anim-role-scanning-glow:#60a5fa8c;--anim-role-tracked-bg:#f59e0b2e;--anim-role-tracked-border:#fbbf24;--anim-role-tracked-text:#fde68a;--anim-role-tracked-glow:#fbbf2480;--anim-role-swap-bg:#ef44442e;--anim-role-swap-border:#f87171;--anim-role-swap-text:#fecaca;--anim-role-swap-glow:#f871718c;--anim-role-sorted-bg:#10b9812e;--anim-role-sorted-border:#34d399;--anim-role-sorted-text:#a7f3d0;--anim-role-sorted-glow:#34d39980;--anim-role-active-bg:#8b5cf62e;--anim-role-active-border:#a78bfa;--anim-role-active-text:#ddd6fe;--anim-role-active-glow:#a78bfa80;--anim-pseudo-bg:#0b1120;--anim-pseudo-line-bg:#3b82f626;--anim-pseudo-line-border:#60a5fa;--anim-pseudo-text:#64748b;--anim-pseudo-text-active:#e2e8f0}.anim-role-default{background:var(--anim-role-default-bg);border-color:var(--anim-role-default-border);color:var(--anim-role-default-text)}.anim-role-scanning{background:var(--anim-role-scanning-bg);border-color:var(--anim-role-scanning-border);color:var(--anim-role-scanning-text);box-shadow:0 0 0 4px var(--anim-role-scanning-glow);transform:translateY(-3px)}.anim-role-tracked{background:var(--anim-role-tracked-bg);border-color:var(--anim-role-tracked-border);color:var(--anim-role-tracked-text)}.anim-role-swap{background:var(--anim-role-swap-bg);border-color:var(--anim-role-swap-border);color:var(--anim-role-swap-text);box-shadow:0 0 0 4px var(--anim-role-swap-glow);transform:translateY(-3px)}.anim-role-sorted{background:var(--anim-role-sorted-bg);border-color:var(--anim-role-sorted-border);color:var(--anim-role-sorted-text);box-shadow:0 0 0 3px var(--anim-role-sorted-glow)}.anim-role-active{background:var(--anim-role-active-bg);border-color:var(--anim-role-active-border);color:var(--anim-role-active-text);box-shadow:0 0 0 4px var(--anim-role-active-glow);transform:translateY(-3px)}.anim-node{transition:background-color .25s,border-color .25s,color .25s,box-shadow .25s,transform .25s}@media (prefers-reduced-motion:reduce){.anim-node{transition:background-color .01ms,border-color .01ms,color .01ms;transform:none!important}.anim-role-scanning,.anim-role-swap,.anim-role-active{transform:none}}.anim-pseudo-line{color:var(--anim-pseudo-text);border-left:3px solid #0000}.anim-pseudo-line--active{color:var(--anim-pseudo-text-active);background:var(--anim-pseudo-line-bg);border-left-color:var(--anim-pseudo-line-border);font-weight:600}.learning-prose{color:#334155;font-size:1.04rem;line-height:1.8}.learning-prose h2,.learning-prose h3{color:#0f172a;margin:1.5em 0 .55em;font-weight:800}.learning-prose h2{font-size:1.6rem}.learning-prose h3{font-size:1.25rem}.learning-prose p,.learning-prose ul,.learning-prose ol{margin:.8em 0}.learning-prose ul,.learning-prose ol{padding-left:1.4rem}.learning-prose ul{list-style:outside}.learning-prose ol{list-style:decimal}.learning-prose code{background:#e2e8f0;border-radius:.35rem;padding:.1rem .3rem;font-size:.9em}.learning-callout{border-left:4px solid;border-radius:0 1rem 1rem 0;padding:1rem 1.25rem}.learning-callout p{margin-top:.25rem}.learning-callout--tip{color:#065f46;background:#ecfdf5;border-color:#10b981}.learning-callout--warning{color:#92400e;background:#fffbeb;border-color:#f59e0b}.learning-callout--note{color:#5b21b6;background:#f5f3ff;border-color:#8b5cf6}.learning-callout--info{color:#1e40af;background:#eff6ff;border-color:#3b82f6}:where(.dark) .learning-prose{color:#cbd5e1}:where(.dark) .learning-prose h2,:where(.dark) .learning-prose h3{color:#f8fafc}:where(.dark) .learning-prose code{background:#1e293b}:where(.dark) .learning-callout--tip{color:#a7f3d0;background:#052e2b}:where(.dark) .learning-callout--warning{color:#fde68a;background:#451a03}:where(.dark) .learning-callout--note{color:#ddd6fe;background:#2e1065}:where(.dark) .learning-callout--info{color:#bfdbfe;background:#172554}