.learn-page{max-width:720px;margin:0 auto;padding:32px 20px 80px}.learn-page__header{text-align:center;margin-bottom:32px}.learn-page__kicker{letter-spacing:.14em;color:#7d55c9;box-shadow:var(--shadow);background:#fff;border:2px solid #e6dbfa;border-radius:999px;padding:5px 14px;font-size:.8rem;font-weight:700;display:inline-block}.learn-page__title{margin:.4em 0 .3em;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:900;line-height:1.4}.learn-page__lead{color:var(--ink-soft);max-width:30em;margin:0 auto;font-weight:500;line-height:1.9}.section{background:var(--paper-2);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:20px;padding:24px 22px}.section__title{margin:0 0 16px;font-size:1.25rem;font-weight:800}.section p{margin:0 0 12px;line-height:1.9}.section code{font-family:var(--font-mono), ui-monospace, monospace;color:var(--ink);background:#f0ecfd;border-radius:5px;padding:1px 5px;font-size:.92em}.section__closing{border-left:4px solid var(--focus-ring);background:#f7f5ff;border-radius:0 8px 8px 0;margin-top:16px;padding:14px 16px}.section__button{color:#fff;cursor:pointer;text-align:center;background:#7d55c9;border:none;border-radius:999px;width:100%;margin-top:8px;padding:14px 20px;font-family:inherit;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s;display:block;box-shadow:0 3px #5a3c9666}.section__button--compact{width:auto;margin-top:0;padding:11px 18px;font-size:.92rem;display:inline-block}.section__button--accent{color:#5a4200;background:#ffd84d;width:auto;padding:13px 28px;display:inline-block;box-shadow:0 3px #b48c0080}.section__button:hover{transform:translateY(-2px);box-shadow:0 5px #5a3c9666}.section__button--accent:hover{box-shadow:0 5px #b48c0080}.section__button:active{transform:translateY(1px);box-shadow:0 1px #5a3c9666}.section__button--accent:active{box-shadow:0 1px #b48c0080}.section__button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}@media (prefers-reduced-motion:reduce){.section__button{transition:none}}
.closing{background:var(--paper-2);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;margin-top:28px;padding:28px 22px}.closing__source{text-align:left;font-family:var(--font-mono), ui-monospace, monospace;border:2px solid var(--line);background:#f7f5ff;border-radius:12px;margin:0 0 20px;padding:14px 22px;font-size:1.05rem;line-height:1.8;display:inline-block}.closing__turn{margin:0 0 24px;font-size:1.15rem;font-weight:800;line-height:1.9}.closing__notes{border-top:1px solid var(--line);text-align:left;color:var(--ink-soft);margin-top:28px;padding-top:20px;font-size:.85rem}.closing__notes p{margin:0 0 8px;line-height:1.8}
.errors__case{background:#f7f5ff;border-radius:12px;margin-bottom:16px;padding:16px}.errors__source{font-family:var(--font-mono), ui-monospace, monospace;background:var(--paper-2);border:2px solid var(--line);border-radius:8px;margin:0 0 10px;padding:10px 14px;font-size:.95rem;overflow-x:auto}.errors__output{font-family:var(--font-mono), ui-monospace, monospace;color:#ffb4b4;white-space:pre;background:#2b2450;border-radius:8px;margin:0 0 10px;padding:12px 14px;font-size:.8rem;line-height:1.6;overflow-x:auto}.section .errors__meaning{margin:0 0 6px;font-weight:700}.errors__stage{color:#1c7a4a;background:#e4f7ec;border:2px solid #b9e8cd;border-radius:999px;margin-left:8px;padding:2px 10px;font-size:.8rem;font-weight:700;display:inline-block}.section .errors__explanation{color:var(--ink-soft);margin:0;font-size:.92rem}
.gap__lead{margin:0 0 14px;font-weight:600}.gap__source{font-family:var(--font-mono), ui-monospace, monospace;border:2px solid var(--line);background:#f7f5ff;border-radius:12px;margin:0 0 16px;padding:14px 18px;font-size:1.05rem;line-height:1.8;overflow-x:auto}.gap__notes{color:var(--ink-soft);margin:0 0 18px;font-size:.92rem}.gap__notes p{margin:0 0 4px}.gap__notes code{font-family:var(--font-mono), ui-monospace, monospace;color:var(--ink);background:#f0ecfd;border-radius:5px;padding:1px 5px}.gap__reveal{animation:.35s ease-out both gap-reveal-in}.gap__machine{font-family:var(--font-mono), ui-monospace, monospace;background:#2b2450;border-radius:12px;margin:0 0 16px;padding:16px 18px;font-size:.85rem;line-height:1.5;overflow-x:auto}.gap__machine-row{white-space:pre;gap:18px;display:flex}.gap__machine-bytes{color:#ffd84d;flex:none;min-width:11em}.gap__machine-mnemonic{color:#a99ede}.gap__permission{border-left:4px solid var(--focus-ring);background:#f7f5ff;border-radius:0 8px 8px 0;margin:0 0 18px;padding:12px 16px;font-weight:600}.gap__conclusion p{margin:0 0 10px;line-height:1.8}@keyframes gap-reveal-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.gap__reveal{animation:none}}
.grouping__routes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}@media (max-width:560px){.grouping__routes{grid-template-columns:minmax(0,1fr)}}.grouping__route{border:2px dashed var(--line);background:#fbfaff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:120px;padding:14px 10px;display:flex}.grouping__route--open{background:var(--paper-2);border-style:solid;justify-content:flex-start;animation:.3s ease-out both grouping-in}.section .grouping__route-label{color:var(--ink-soft);margin:0 0 6px;font-size:.82rem;font-weight:700}.section .grouping__step{font-family:var(--font-mono), ui-monospace, monospace;margin:0;font-size:.88rem;line-height:1.7}.section .grouping__answer{font-family:var(--font-mono), ui-monospace, monospace;background:#fdeeda;border:2px solid #a25a12;border-radius:12px;margin:8px 0 0;padding:4px 18px;font-size:1.6rem;font-weight:700}.grouping__after{animation:.3s ease-out both grouping-in}.grouping__question{background:#fffaea;border:2px solid #ffd84d;border-radius:10px;padding:12px 16px;font-size:1.05rem;font-weight:800}@keyframes grouping-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.grouping__route--open,.grouping__after{animation:none}}
.tree{background:#f7f5ff;border-radius:12px;margin:0 0 16px;padding:12px;overflow-x:auto}.tree__svg{width:100%;min-width:420px;max-width:540px;height:auto;margin:0 auto;display:block}.tree__edge{stroke:#b3aad4;stroke-width:2px}.tree__box{fill:var(--paper-2);stroke-width:2px}.tree__box--op{fill:#fde3e3;stroke:#ce1616}.tree__box--value{fill:#fdeeda;stroke:#a25a12}.tree__box--name{fill:#e2f0fd;stroke:#176dbb}.tree__label{font-family:var(--font-mono), ui-monospace, monospace;fill:var(--ink);text-anchor:middle;dominant-baseline:central;font-size:15px;font-weight:700}
.ordering__rules{background:#f7f5ff;border-radius:10px;margin-bottom:16px;padding:14px 16px}.ordering__rules p{margin:0 0 6px;line-height:1.8}.ordering__rules p:last-child{margin-bottom:0}.ordering__list{counter-reset:instruction;background:#2b2450;border-radius:12px;margin:0 0 12px;padding:14px;list-style:none;overflow-x:auto}.ordering__item{font-family:var(--font-mono), ui-monospace, monospace;white-space:nowrap;align-items:baseline;gap:12px;font-size:.86rem;line-height:2;display:flex}.section .ordering__opname{color:#a99ede;background:0 0;min-width:11em;padding:0}.section .ordering__arg{color:#ffd84d;background:0 0;min-width:4em;padding:0}.ordering__reading{color:#cfc7ea;font-family:var(--font-body), system-ui, sans-serif;font-size:.85rem}
.reader__breakdown{background:#f7f5ff;border-radius:10px;margin-bottom:14px;padding:14px 16px}.reader__breakdown p{margin:0 0 8px}.reader__breakdown p:last-child{margin-bottom:0}.reader__highlight{font-family:var(--font-mono), ui-monospace, monospace;white-space:pre;background:#2b2450;border-radius:10px;gap:18px;margin:0 0 10px;padding:12px 16px;font-size:.86rem;display:flex;overflow-x:auto;box-shadow:0 0 0 3px #ffd84d}.reader__highlight-bytes{color:#ffd84d;flex:none;min-width:11em}.reader__highlight-mnemonic{color:#a99ede}.section .reader__punch{margin:18px 0 8px;font-size:1.1rem;font-weight:800}.reader__sample{font-family:var(--font-mono), ui-monospace, monospace;border:2px solid var(--line);background:#f7f5ff;border-radius:10px;margin:0 0 14px;padding:12px 16px;font-size:.95rem;overflow-x:auto}.reader__chain{background:#fbfaff;border-left:4px solid #b3aad4;border-radius:0 8px 8px 0;margin-bottom:14px;padding:14px 16px}.reader__chain p{margin:0 0 6px}.reader__chain p:last-child{margin-bottom:0}.reader__reveal{animation:.35s ease-out both reader-in}.section .reader__turn{background:#fffaea;border:2px solid #ffd84d;border-radius:12px;margin:8px 0 14px;padding:18px 20px;font-size:1.2rem;font-weight:800;line-height:1.8}@keyframes reader-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.reader__reveal{animation:none}}
.slicing__chars{background:#f7f5ff;border-radius:12px;flex-wrap:wrap;gap:3px;margin:0 0 16px;padding:14px;display:flex}.slicing__char{font-family:var(--font-mono), ui-monospace, monospace;background:var(--paper-2);border:1px solid var(--line);width:1.5em;height:1.9em;color:var(--ink);border-radius:5px;justify-content:center;align-items:center;font-size:.95rem;display:inline-flex}.slicing__char--space{color:#b3aad4;background:#f0ecfd}.slicing__result{animation:.35s ease-out both slicing-in}.slicing__pieces{background:#f7f5ff;border-radius:12px;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:14px;display:flex}.slicing__piece{font-family:var(--font-mono), ui-monospace, monospace;background:#e2f0fd;border:2px solid #176dbb;border-radius:10px;padding:6px 12px;font-size:1rem;font-weight:700;box-shadow:0 3px #176dbb47}.slicing__piece--small{box-shadow:none;padding:2px 7px;font-size:.82rem}.slicing__rule{background:#fffaea;border:2px solid #ffd84d;border-radius:10px;padding:12px 16px}.slicing__examples{flex-direction:column;gap:10px;margin:0 0 12px;padding:0;list-style:none;display:flex}.slicing__example{background:#f7f5ff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.slicing__example-source{font-family:var(--font-mono), ui-monospace, monospace;min-width:8em;font-weight:700}.slicing__example-arrow{color:var(--ink-soft)}.slicing__example-pieces{flex-wrap:wrap;gap:4px;display:flex}.slicing__example-note{width:100%;color:var(--ink-soft);font-size:.85rem}@keyframes slicing-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.slicing__result{animation:none}}
.stacking__board{background:#f7f5ff;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:center;min-height:230px;margin-bottom:14px;padding:16px;display:flex}.stacking__pile{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-height:150px;display:flex}.stacking__value{font-family:var(--font-mono), ui-monospace, monospace;text-align:center;background:#fdeeda;border:2px solid #a25a12;border-radius:10px;min-width:3.4em;padding:6px 14px;font-size:1.3rem;font-weight:700;animation:.28s cubic-bezier(.34,1.56,.64,1) both stacking-drop}.stacking__value--top{box-shadow:0 0 0 4px #ffd84d}.stacking__empty{color:var(--ink-soft);font-weight:600}.stacking__floor{background:linear-gradient(#c8b8ee,#a99ede);border-radius:3px;width:180px;height:5px;margin:8px 0 10px}.section .stacking__label{text-align:center;margin:0;font-weight:700}.stacking__note{color:var(--ink-soft);font-size:.85rem;font-weight:500;display:block}.stacking__after{animation:.3s ease-out both stacking-in}@keyframes stacking-drop{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes stacking-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.stacking__value,.stacking__after{animation:none}}