.learn-page{max-width:var(--measure-front);color:var(--sx-ink);margin:0 auto}.learn-page *,.learn-daily *{box-sizing:border-box}.learn-page [hidden]{display:none!important}.learn-kicker{font:var(--t-small)/var(--lh-mono) var(--font-ui-mono);text-transform:uppercase;letter-spacing:.09em;color:var(--sx-accent);margin:0 0 var(--space-3)}.learn-page h1{font:700 var(--t-edition-hero)/var(--lh-tight) var(--font-display);letter-spacing:-.03em;max-width:15ch;margin:var(--space-4) 0}.learn-page h2{font:700 var(--t-h2)/var(--lh-snug) var(--font-display);margin:0 0 var(--space-3)}.learn-page h3{font:700 var(--t-h3)/var(--lh-snug) var(--font-display)}.learn-intro{max-width:42rem;font-size:var(--t-lead);color:var(--sx-ink-2);line-height:var(--lh-body)}.learn-page p{line-height:var(--lh-body)}.learn-page a,.learn-daily a{text-underline-offset:.22em}.learn-page :is(a,button,select,textarea,summary,input):focus-visible{outline:3px solid var(--sx-accent);outline-offset:4px}.learn-page button,.learn-page select,.learn-page textarea{font:inherit}.learn-page button,.learn-page select,.learn-page summary{cursor:pointer}.learn-meta{align-items:center;gap:var(--space-3);font:var(--t-small)/var(--lh-mono) var(--font-ui-mono);color:var(--sx-mute);flex-wrap:wrap;display:flex}.learn-badge{font:var(--t-fine)/var(--lh-mono) var(--font-ui-mono);padding:var(--space-1) var(--space-2);border:1px solid var(--sx-rule);border-radius:var(--r-pill);white-space:nowrap;display:inline-block}.learn-feature{margin-top:var(--space-7);border-top:3px solid var(--sx-ink);border-bottom:1px solid var(--sx-rule);gap:var(--space-7);padding:var(--space-6) 0;grid-template-columns:1.15fr 1fr;align-items:center;display:grid}.learn-feature h2{font-size:var(--t-edition-title)}.learn-feature p{max-width:38rem}.learn-feature-art{padding:var(--space-6);background:var(--sx-paper-2);border:1px solid var(--sx-rule);min-width:0}.learn-feature-art>p{font:var(--t-small)/var(--lh-mono) var(--font-ui-mono);color:var(--sx-mute);margin:0 0 var(--space-4)}.learn-feature-art .learn-art-text{font:var(--t-h3)/var(--lh-snug) var(--font-serif);color:var(--sx-ink);overflow-wrap:anywhere}.learn-art-tokens{gap:var(--space-2);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.learn-art-tokens span{border:1px solid var(--sx-rule);border-bottom:3px solid var(--sx-accent);padding:var(--space-2) var(--space-3);background:var(--sx-paper);font-family:var(--font-mono);white-space:pre-wrap}.learn-button,a.learn-button{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border:1px solid var(--sx-ink);background:var(--sx-ink);min-height:48px;color:var(--sx-paper);font:var(--t-body)/var(--lh-body) var(--font-ui);border-radius:var(--radius-sm);text-decoration:none;display:inline-flex}.learn-button:hover{background:var(--sx-accent);border-color:var(--sx-accent);color:var(--sx-paper)}.learn-button-small{font-size:var(--t-small)}.learn-outline,a.learn-outline{color:var(--sx-ink);background:0 0}.learn-feature-actions{gap:var(--space-4);margin-top:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.learn-section{margin-top:var(--space-8);scroll-margin-top:var(--space-8)}.learn-section-head{align-items:baseline;gap:var(--space-4);border-bottom:1px solid var(--sx-rule);padding-bottom:var(--space-4);flex-wrap:wrap;justify-content:space-between;display:flex}.learn-section-head h2{margin:0}.learn-library{margin:0;padding:0;list-style:none}.learn-library li{border-bottom:1px solid var(--sx-rule)}.learn-library a{gap:var(--space-5);padding:var(--space-5) 0;color:var(--sx-ink);grid-template-columns:10rem 1fr auto;align-items:baseline;text-decoration:none;display:grid}.learn-library a:hover strong{color:var(--sx-accent)}.learn-library strong{font:700 var(--t-lead)/var(--lh-snug) var(--font-display)}.learn-library small{color:var(--sx-mute);font-size:var(--t-small);margin-top:var(--space-2);display:block}.learn-library time{font:var(--t-small)/var(--lh-mono) var(--font-mono);color:var(--sx-mute)}.learn-practised{font:var(--t-fine)/var(--lh-mono) var(--font-mono);color:var(--sx-accent)}.learn-path{gap:var(--space-4);padding:var(--space-5) 0;flex-wrap:wrap;display:flex}.learn-path span{padding:var(--space-3) var(--space-4);border:1px dashed var(--sx-rule);font-size:var(--t-small);color:var(--sx-mute)}.learn-tricks{column-gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.learn-tricks li{border-bottom:1px solid var(--sx-rule)}.learn-tricks a{padding:var(--space-4) 0;color:var(--sx-ink);text-decoration:none;display:block}.learn-tricks a:hover b{color:var(--sx-accent)}.learn-tricks small{font-size:var(--t-small);color:var(--sx-mute);margin-top:var(--space-1);display:block}.learn-note{color:var(--sx-mute);font-size:var(--t-small);max-width:50rem}.learn-lesson-head{max-width:48rem}.learn-lesson-head h1{max-width:20ch}.learn-outcome{border-left:3px solid var(--sx-accent);padding-left:var(--space-4);max-width:42rem;font-size:var(--t-lead);margin-top:var(--space-5)}.learn-reading{max-width:var(--measure-letter);margin:var(--space-7) auto}.learn-reading>section{margin:var(--space-7) 0}.learn-step{align-items:center;gap:var(--space-3);color:var(--sx-accent);font:var(--t-small)/var(--lh-mono) var(--font-mono);margin-bottom:var(--space-3);display:flex}.learn-step:after{content:"";background:var(--sx-rule);flex:1;height:1px}.learn-reading p,.learn-reading li{font-size:var(--t-lead);line-height:var(--lh-body)}.learn-reveal{border:1px solid var(--sx-rule);padding:var(--space-4) var(--space-5);background:var(--sx-paper-2);margin-top:var(--space-4)}.learn-reveal summary{color:var(--sx-accent);font-size:var(--t-body);min-height:32px}.learn-reveal p{font-size:var(--t-body)}.learn-misconception{padding:var(--space-5);border-left:3px solid var(--sx-accent);background:var(--sx-paper-2)}.learn-misconception p{font-size:var(--t-body)}.learn-misconception small{font:var(--t-small)/var(--lh-mono) var(--font-mono);color:var(--sx-accent)}.learn-answer-label{margin-bottom:var(--space-2);font-size:var(--t-small);color:var(--sx-mute);display:block}.learn-answer{width:100%;padding:var(--space-4);border:1px solid var(--sx-rule);border-radius:var(--radius-sm);background:var(--sx-paper);color:var(--sx-ink);resize:vertical;min-height:100px}.learn-reading .learn-note{font-size:var(--t-small)}.learn-finish{padding:var(--space-6);border:1px solid var(--sx-rule);margin:var(--space-7) 0;display:block}.learn-finish label{align-items:start;gap:var(--space-3);cursor:pointer;display:flex}.learn-finish input{width:20px;height:20px;margin-top:var(--space-1);accent-color:var(--sx-accent);flex:none}.learn-sources{border-top:1px solid var(--sx-rule);padding-top:var(--space-6);margin-top:var(--space-7)}.learn-sources ol{padding-left:var(--space-5)}.learn-sources li{margin-bottom:var(--space-5);font-size:var(--t-body);overflow-wrap:anywhere;scroll-margin-top:var(--space-8)}.learn-sources small{color:var(--sx-mute);margin-top:var(--space-2);display:block}.concept-lab{padding:var(--space-6);border:1px solid var(--sx-rule);background:var(--sx-paper-2);margin:var(--space-7) 0;display:block}.concept-lab-head{justify-content:space-between;align-items:start;gap:var(--space-4);display:flex}.concept-lab-head h2{max-width:26ch}.concept-controls{gap:var(--space-3);margin:var(--space-5) 0;flex-wrap:wrap;align-items:center;display:flex}.concept-controls select{padding:var(--space-3);color:var(--sx-ink);background:var(--sx-paper);border:1px solid var(--sx-rule);min-width:0;max-width:100%}.concept-original{margin:var(--space-5) 0}.concept-original span{font:var(--t-small)/var(--lh-mono) var(--font-mono);color:var(--sx-mute);margin-bottom:var(--space-2);display:block}.concept-original q{font-size:var(--t-h3);overflow-wrap:anywhere}.concept-pipeline{border:1px solid var(--sx-rule);padding:var(--space-6);background:var(--sx-paper)}.concept-token-row{justify-content:center;align-items:start;gap:var(--space-3);min-height:100px;padding:var(--space-4) 0;transition:gap .5s var(--ease-out);flex-wrap:wrap;display:flex}.concept-token{text-align:center;border:1px solid var(--sx-rule);border-top:3px solid var(--sx-accent);border-radius:var(--radius-sm);background:var(--sx-paper-2);min-width:2ch;font-family:var(--font-mono);transition:padding .5s,border-color .5s,background .5s;display:inline-grid}.concept-piece{font-size:var(--t-lead);padding:var(--space-2) var(--space-3);white-space:pre-wrap;transition:padding .5s}.concept-id{border-top:1px solid var(--sx-rule);padding:var(--space-2);font-size:var(--t-small);color:var(--sx-accent);opacity:1;transition:opacity .6s,transform .6s;transition-delay:calc(var(--piece) * 60ms);transform:translateY(0)}.concept-model{text-align:center;border-top:1px dashed var(--sx-rule);padding-top:var(--space-5);opacity:1;min-height:80px;transition:opacity .6s,transform .6s;transform:translateY(0)}.concept-model span{font:var(--t-small)/var(--lh-mono) var(--font-mono);color:var(--sx-mute);margin-bottom:var(--space-2);display:block}.concept-model b{font:var(--t-body)/var(--lh-mono) var(--font-mono);overflow-wrap:anywhere}.concept-flow{width:100%;max-width:560px;margin:0 auto var(--space-4);fill:var(--sx-paper);stroke:var(--sx-rule);stroke-width:2px;display:block;overflow:visible}.concept-flow text{fill:var(--sx-mute);stroke:none;font:var(--t-small) var(--font-mono)}.concept-flow-dot{fill:var(--sx-accent);stroke:none;transition:transform .8s var(--ease-out);transform:translate(470px)}.concept-lab[data-stage="0"] .concept-flow-dot{transform:translate(0)}.concept-lab[data-stage="1"] .concept-flow-dot{transform:translate(235px)}.concept-lab[data-stage="0"] .concept-token-row{gap:0}.concept-lab[data-stage="0"] .concept-token{background:0 0;border-color:#0000}.concept-lab[data-stage="0"] .concept-piece{padding-inline:0}.concept-lab[data-stage="0"] :is(.concept-id,.concept-model),.concept-lab[data-stage="1"] :is(.concept-id,.concept-model){opacity:0;transform:translateY(var(--space-4))}.concept-result{font:var(--t-small)/var(--lh-mono) var(--font-mono)}.concept-result strong{color:var(--sx-accent)}.concept-explanation{max-width:50rem}.concept-transcript{font-size:var(--t-small);margin-bottom:var(--space-5)}.concept-transcript ol{gap:var(--space-4) var(--space-6);padding-left:var(--space-5);flex-wrap:wrap;display:flex}.concept-player{border-top:1px solid var(--sx-rule);padding-top:var(--space-5)}.concept-stage-buttons{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.concept-stage-buttons button{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--sx-rule);background:var(--sx-paper);color:var(--sx-mute);text-align:left;align-items:center;display:flex}.concept-stage-buttons button[aria-pressed=true]{border-color:var(--sx-accent);color:var(--sx-accent)}.concept-stage-buttons span{font-size:var(--t-small)}.concept-play-row{gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.concept-play-row p{font-size:var(--t-small);color:var(--sx-mute)}.concept-lab .concept-lab-note{font-size:var(--t-small);color:var(--sx-mute);margin:var(--space-5) 0 0}.learn-daily{gap:var(--space-5);margin:var(--space-7) 0;padding:var(--space-5) 0;border-block:1px solid var(--sx-rule);color:var(--sx-ink);grid-template-columns:1fr auto;align-items:center;display:grid}.learn-daily h2{font:700 var(--t-h2)/var(--lh-snug) var(--font-display);margin:0 0 var(--space-2)}.learn-daily p:not(.learn-kicker){font-size:var(--t-body);color:var(--sx-ink-2);max-width:40rem;margin:0}.learn-daily .learn-kicker{margin-bottom:var(--space-2)}@media (width<=700px){.learn-feature{gap:var(--space-5);grid-template-columns:1fr}.learn-feature-art{padding:var(--space-5)}.learn-tricks{grid-template-columns:1fr}.learn-library a{gap:var(--space-2);grid-template-columns:1fr auto}.learn-library time{grid-column:1/-1}.learn-lesson-head h1{font-size:var(--t-edition-mobile)}.concept-lab{padding:var(--space-4)}.concept-lab-head{display:block}.concept-lab-head .learn-badge{margin-bottom:var(--space-3)}.concept-pipeline{padding:var(--space-3)}.concept-stage-buttons button{display:block}.concept-stage-buttons span{font-size:var(--t-fine);margin-top:var(--space-1);display:block}.concept-token-row{gap:var(--space-2)}.concept-piece{font-size:var(--t-body);padding:var(--space-2)}.learn-finish{padding:var(--space-4)}.learn-daily{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.concept-lab *,.concept-lab :before,.concept-lab :after{transition:none!important;animation:none!important}}