@layer components{.learn-beta{border-left:3px solid var(--blue);background:var(--soft);color:var(--ink);max-width:850px;padding:12px 16px;font-size:.88rem}.learn-beta p{color:var(--muted);margin-top:4px}.learn-page{padding-block:32px 72px}.learn-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin:25px 0;display:flex}.learn-heading h1{letter-spacing:-.04em;max-width:850px;font-size:clamp(1.9rem,3.3vw,2.8rem);line-height:1.2}.learn-heading p{max-width:740px;color:var(--muted);margin:14px 0 0;font-size:1.08rem}.learn-heading .save-button{flex:none;min-width:44px;min-height:44px;position:static}.learn-language{flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0;font-size:.88rem;display:flex}.learn-local{color:var(--muted);margin-left:auto}.learn-page select,.learn-page input,.learn-page textarea{background:var(--paper);color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:9px;min-width:0;max-width:100%;padding:11px 12px}.learn-page select{min-height:44px}.learn-page input:focus-visible,.learn-page textarea:focus-visible,.learn-page select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.learn-panel,.learn-next{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);padding:28px}.learn-panel h2,.learn-next h2{letter-spacing:-.025em;margin:0 0 20px;font-size:1.3rem}.learn-profile>summary{cursor:pointer;font-size:1.15rem;font-weight:600}.learn-profile[open]>summary{margin-bottom:22px}.learn-next:not([hidden])+.learn-profile{margin-top:16px}.learn-panel>p+p{margin-top:14px}.learn-fields{grid-template-columns:2fr 1fr 2fr;gap:18px;margin-bottom:24px;display:grid}.learn-fields label,.learn-filters label{flex-direction:column;gap:8px;font-size:.9rem;display:flex}.learn-next{background:var(--soft);margin-top:20px}.learn-next p{max-width:650px;margin:12px 0 20px}.learn-next>.learn-band{margin-bottom:10px;display:block}.learn-next>a:not(.button){text-underline-offset:3px;font-weight:600;text-decoration:underline;display:inline-block}.learn-disclosure{border-bottom:1px solid var(--line);padding:20px 0}.learn-disclosure summary{cursor:pointer;min-height:30px;font-weight:600}.learn-disclosure p{max-width:740px;color:var(--muted);margin:14px 0}.learn-library{margin:38px 0}.learn-library h2{margin-bottom:18px}.learn-filters{align-items:end;gap:14px;display:flex}.learn-filters label:first-child{flex:1;max-width:500px}.learn-scope{max-width:780px;color:var(--muted);margin:18px 0 24px;font-size:.9rem}.learn-scene-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.learn-scene-card{border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;align-items:start;gap:12px;padding:22px;display:flex}.learn-scene-card h3{font-size:1.15rem;line-height:1.35}.learn-scene-card h3 a{text-decoration:none}.learn-scene-card h3 a:hover{text-decoration:underline}.learn-scene-card p{font-size:.95rem}.learn-scene-card small{color:var(--muted);line-height:1.6}.learn-band{letter-spacing:.04em;color:var(--blue);font-size:.8rem;font-weight:700}.learn-evidence{color:var(--muted);margin-top:auto;padding-top:8px;font-size:.78rem}.learn-review{margin:26px 0}.learn-review ul{flex-wrap:wrap;gap:10px;margin:12px 0;padding:0;list-style:none;display:flex}.learn-review a{background:var(--soft);border-radius:8px;padding:10px 14px;display:block}.learn-feature{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:1fr auto;align-items:center;gap:24px;padding:36px;text-decoration:none;display:grid}.learn-feature h2{margin:10px 0}.learn-feature p{max-width:600px}.learn-feature .button{justify-self:start}.learn-word{font-family:var(--heading);color:var(--blue);font-size:clamp(2rem,5vw,4rem);line-height:1.1}.learn-session-meta{color:var(--muted);align-items:center;gap:16px;margin-bottom:20px;font-size:.9rem;display:flex}.learn-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:26px;display:grid}.learn-context{background:var(--soft);border-radius:var(--radius);padding:24px}.learn-context h2{margin-bottom:12px;font-size:1rem}.learn-context>summary{cursor:pointer;font-size:1rem;font-weight:700}.learn-context[open]>summary{margin-bottom:18px}.learn-context>p{color:var(--muted);margin-bottom:18px;font-size:.92rem}.learn-transcript{white-space:pre-line;border-left:2px solid var(--blue);margin:0 0 20px;padding-left:18px;font-size:1.08rem;line-height:1.85}.learn-context summary{cursor:pointer;font-size:.9rem;font-weight:600}.learn-context details p{margin-top:12px;font-size:.94rem}.learn-activity{min-height:280px;scroll-margin-top:18px}.learn-activity progress{width:100%;height:5px;accent-color:var(--blue);margin:12px 0 24px}.learn-step-meta{color:var(--muted);justify-content:space-between;gap:12px;font-size:.82rem;display:flex}.learn-question{margin:0 0 18px;font-size:1.2rem;font-weight:600;line-height:1.5}.learn-german{white-space:pre-line;margin:14px 0 24px;font-size:1.25rem;line-height:1.65}.learn-answer-form{flex-direction:column;gap:14px;display:flex}.learn-answer-form label{font-size:.9rem}.learn-choices{gap:10px;display:grid}.learn-choice{border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:12px;min-height:48px;padding:14px;display:flex}.learn-choice:has(input:checked){border-color:var(--blue);background:var(--soft)}.learn-choice input{accent-color:var(--blue);flex:none;width:18px;height:18px}.learn-pieces{flex-wrap:wrap;gap:8px;display:flex}.learn-piece{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;min-height:44px;font:inherit;border-radius:8px;padding:10px 13px}.learn-piece:disabled{opacity:.4;cursor:default}.learn-order-answer .learn-piece:disabled{opacity:1;color:var(--ink)}.learn-answer-form input:disabled{opacity:1;color:var(--ink);-webkit-text-fill-color:var(--ink)}.learn-order-answer{background:var(--soft);border-radius:10px;flex-wrap:wrap;gap:8px;min-height:70px;padding:12px;display:flex}.learn-order-help{color:var(--muted);font-size:.85rem}.learn-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.learn-feedback{background:var(--soft);border-left:3px solid var(--blue);border-radius:0 8px 8px 0;margin:20px 0;padding:18px;line-height:1.65}.learn-feedback strong{margin-bottom:8px;display:block}.learn-feedback p{margin:8px 0}.learn-feedback a{margin-top:10px;display:inline-block}.learn-own textarea{resize:vertical;width:100%;min-height:150px;margin:14px 0}.learn-own p{margin-bottom:15px}.learn-own details{margin:20px 0}.learn-own summary{cursor:pointer;font-weight:600}.learn-own ul{margin:18px 0;padding-left:20px}.learn-own li{margin:10px 0}.learn-own label{align-items:center;gap:12px;margin:14px 0;display:flex}.learn-own input[type=radio]{width:18px;height:18px;accent-color:var(--blue)}.learn-support{max-width:820px;margin:40px 0;line-height:1.8}.learn-support h2{margin-bottom:14px;font-size:1.25rem}.learn-support p{color:var(--muted);margin-bottom:16px}[data-diagnostic]:not(:empty){max-width:720px;margin-top:24px}}@layer responsive{@media (width<=960px){.learn-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-workspace{gap:16px}.learn-panel,.learn-context{padding:22px}}@media (width<=700px){.learn-page{padding-block:22px 40px}.learn-local{width:100%;margin-left:0}.learn-heading{gap:10px}.learn-heading p{font-size:1rem}.learn-fields{grid-template-columns:1fr 110px;gap:14px}.learn-fields label:last-child{grid-column:1/-1}.learn-scene-grid{grid-template-columns:1fr}.learn-scene-card{gap:8px;padding:20px}.learn-feature{grid-template-columns:1fr;padding:24px}.learn-word{display:none}.learn-workspace{grid-template-columns:1fr}.learn-context{padding:20px}.learn-transcript{font-size:1.02rem;line-height:1.8}.learn-panel,.learn-next{padding:20px}.learn-activity{min-height:230px}.learn-question{font-size:1.12rem}.learn-session-meta{flex-wrap:wrap;gap:8px}.learn-filters{gap:10px}.learn-filters select{max-width:145px}}@media (prefers-reduced-motion:reduce){.learn-page *{scroll-behavior:auto}}}