.learning-page{font-family:var(--font-body),sans-serif;color:var(--ink);padding:var(--space-8) 0 var(--space-16)}.learning-page h1,.learning-page h2,.learning-page h3,.scala-editor h2{font-family:var(--font-heading),sans-serif;letter-spacing:-.045em;font-weight:700;line-height:1.1}.learning-page h1{max-width:1000px;margin:var(--space-6) 0;font-size:clamp(37px,5vw,64px)}.learning-heading{max-width:960px;margin-bottom:var(--space-8)}.learning-heading>p:first-child{color:var(--muted)}.learning-heading>.button+p{margin-top:var(--space-3)}.learning-page p{max-width:70ch;line-height:1.65}.learning-page .learning-lead{max-width:65ch;font-size:22px}.learning-page h2{margin:0 0 var(--space-4);font-size:clamp(27px,3vw,38px)}.learning-page h3{font-size:24px}.learning-page a:not(.button){text-underline-offset:4px}.learning-feature{gap:var(--space-12);padding:var(--space-12) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;display:grid}.learning-feature blockquote{background:var(--ink);color:var(--paper);padding:var(--space-8);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);margin:0;transform:rotate(-1deg)}.learning-feature blockquote p{font-size:clamp(24px,3vw,34px);line-height:1.35}.learning-feature blockquote span,.learning-feature blockquote small{color:var(--dark-secondary);font-size:14px}.learning-list{margin:var(--space-12) 0}.learning-list>a{column-gap:var(--space-8);padding:var(--space-6) 0;border-top:1px solid var(--line);color:var(--ink);grid-template-columns:1fr 1fr;text-decoration:none;display:grid}.learning-list h3,.learning-list p{margin:0}.learning-list span{color:var(--muted);grid-column:2;font-size:14px}.learning-list>a:hover h3{text-decoration:underline}.lesson-practice{gap:var(--space-8);grid-template-columns:.85fr 1.15fr;align-items:start;display:grid}.lesson-prompt{background:var(--ink);color:var(--paper);padding:var(--space-8);border-radius:var(--radius-panel)}.lesson-prompt>p{white-space:pre-wrap}.learning-copy button,.scala-editor button{min-height:44px;padding:var(--space-3) var(--space-6);border:1px solid var(--blue);background:var(--blue);color:var(--paper);border-radius:var(--radius-control);font:600 16px var(--font-body),sans-serif;cursor:pointer}.learning-copy p{min-height:1.5em;color:var(--dark-secondary);font-size:14px}.lesson-example,.lesson-review,.learning-next,.learning-evidence-note{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--line)}.lesson-example blockquote{margin:var(--space-6) 0;padding-left:var(--space-6);border-left:4px solid var(--blue);max-width:70ch;font-size:22px;line-height:1.6}.learning-status{color:var(--muted);font-size:14px}.learning-next{gap:var(--space-6);flex-wrap:wrap;align-items:center;display:flex}.learning-next h2{flex-basis:100%}.learning-page li{margin:var(--space-3) 0;line-height:1.6}.method-example{margin-top:var(--space-12)}.scala-editor{gap:var(--space-8);font-family:var(--font-body),sans-serif;color:var(--ink);padding:var(--space-8) 0;grid-template-columns:1.1fr 1fr;font-size:16px;line-height:1.6;display:grid}.scala-editor h2{font-size:28px}.scala-field{margin-top:var(--space-6)}.scala-field label{font-weight:600;display:block}.scala-field p{margin:var(--space-2) 0;color:var(--muted);font-size:14px}.scala-field textarea{resize:vertical;border:1px solid var(--field-border);border-radius:var(--radius-control);background:var(--paper);width:100%;min-height:100px;color:var(--ink);padding:var(--space-3);font:400 16px/1.6 var(--font-body),sans-serif;display:block}.scala-result{padding:var(--space-6) 0 0;border-top:1px solid var(--line);top:var(--space-6);max-height:calc(100dvh - var(--space-12));align-self:start;position:sticky;overflow:auto}.scala-assembled{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.scala-actions,.scala-reset{align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.scala-editor .scala-secondary{background:var(--paper);border-color:var(--field-border);color:var(--ink)}.scala-reset{margin-top:var(--space-6);border-top:1px solid var(--line);padding-top:var(--space-4)}.scala-reset p{flex-basis:100%}.scala-status{min-height:1.6em}.scala-editor button:disabled,.learning-copy button:disabled{cursor:default;opacity:.6}.learning-page :focus-visible,.scala-editor :focus-visible{outline:3px solid var(--blue);outline-offset:4px}.lesson-prompt :focus-visible{outline-color:var(--paper)}.learning-draft{padding-top:var(--space-6);border-top:1px solid var(--line)}@media (max-width:700px){.learning-page{padding-top:var(--space-4)}.learning-page .learning-lead{font-size:19px}.learning-feature,.lesson-practice,.scala-editor{gap:var(--space-6);grid-template-columns:1fr}.learning-feature{padding:var(--space-8) 0}.learning-feature blockquote{padding:var(--space-6);transform:none}.learning-list>a{display:block}.learning-list p{margin:var(--space-3) 0}.lesson-prompt{padding:var(--space-6)}.scala-result{max-height:none;position:static;overflow:visible}.lesson-prompt{order:-1}.learning-heading{margin-bottom:var(--space-6)}.learning-page h1{margin:var(--space-4) 0}.scala-editor{padding-top:var(--space-4)}.learning-page a,.scala-editor button{overflow-wrap:anywhere}.learning-next{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.learning-page *{scroll-behavior:auto}}.learning-prompt h1,.learning-method h1,.scala-editor h2{letter-spacing:-.04em;font-weight:800}.learning-prompt h1{max-width:22ch;font-size:clamp(32px,3.5vw,48px)}.learning-prompt .learning-heading>p:first-of-type{color:var(--ink)}.scala-controls{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--line)}.scala-editor button{border-radius:100px}.scala-editor button:not(:disabled):hover{background:var(--blue-hover);border-color:var(--blue-hover)}.scala-editor .scala-secondary:not(:disabled):hover{background:var(--surface);border-color:var(--strong-rule)}.scala-editor .scala-reset-trigger{color:var(--muted);padding:var(--space-3) 0;text-underline-offset:4px;border-radius:var(--radius-control);background:0 0;border-color:#0000;text-decoration:underline}.scala-editor .scala-reset-trigger:not(:disabled):hover{color:var(--ink);background:0 0;border-color:#0000}.scala-save-action{flex:202px}.scala-save-action>p{margin:var(--space-2) 0 0;color:var(--muted);font-size:14px;line-height:1.5}.scala-save-action .scala-save-status{color:var(--ink)}.scala-save-status:empty{display:none}.scala-result h2{font-size:24px}.scala-assembled{margin-bottom:0}.scala-field textarea{caret-color:var(--blue)}.scala-editor ::selection{color:var(--paper);background:var(--blue)}.learning-method .learning-heading>.button{border-radius:100px;min-height:48px}.scala-editor{scroll-margin-top:var(--space-6)}
