:root{--muted:#53685e;--cream:#f7f8f2;--lime:#d8ed91}main{max-width:1350px}h1,h2{font-family:system-ui,sans-serif;font-weight:720;letter-spacing:-1.2px}h1{font-size:clamp(32px,3.5vw,46px)}h2{font-size:25px}button{touch-action:manipulation;min-height:44px}.welcome{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.status-chip{font-size:11px;background:#fff3df;border:1px solid #e8d1a4;color:#77521d;padding:7px 12px;border-radius:30px;white-space:nowrap}.focus-hero{display:grid;grid-template-columns:1.7fr 1fr;background:#173e32;color:white;border-radius:24px;padding:34px;margin:26px 0;gap:24px}.focus-hero h2{font-size:30px;line-height:1.2;margin:16px 0}.focus-hero p{color:#d7e5db;max-width:550px}.focus-hero .primary{padding:15px 25px;border-radius:12px;box-shadow:0 4px 0 #9ab451}.primary:hover{filter:brightness(.96)}.session-meta{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 6px;font-size:11px;color:#e3eddf}.session-meta span{border:1px solid #577263;border-radius:30px;padding:5px 9px}.journey-mark{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#254f3c;border-radius:100px 100px 24px 24px;color:#d8ed91;transform:rotate(-3deg);font-size:30px;letter-spacing:-1px}.journey-mark small{font-size:10px;letter-spacing:3px;margin-top:18px;color:#e0e9d9}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quick-card{display:flex;align-items:center;gap:15px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px;text-align:left;color:var(--ink)}.quick-card>div{flex:1}.quick-card p{font-size:12px;margin:4px 0 0}.quick-icon{display:grid;place-items:center;min-width:44px;height:44px;border-radius:13px;background:#edf2df;font-size:21px;font-weight:700}.pilot-note{padding:15px 18px;background:#eef2e5;border-radius:12px;margin-bottom:18px;font-size:13px}.pilot-note p{font-size:12px;margin:5px 0 0}.path-summary{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-top:24px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:24px;margin-top:25px}.workspace-grid>*,.quick-card>div{min-width:0}.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-tab{min-height:100px;border-radius:13px}.unit-tab.selected{box-shadow:inset 0 0 0 1px #7b9b48}.lesson-list{margin-top:20px}.lesson-state{font-size:11px;white-space:nowrap}.quote select{display:block;margin-top:10px;width:100%}.activity .card{border-radius:20px}.option{min-height:58px;border:2px solid var(--line);border-radius:12px}.option.chosen{border-color:var(--green);box-shadow:0 2px 0 #245b49}.activity h1{font-size:28px}.activity .controls .primary{min-height:48px}.level small{font-size:11px}nav button.active{box-shadow:inset 3px 0 0 #719845}.notice{color:#53685e}
@media(max-width:1000px){.workspace-grid{grid-template-columns:1fr}.workspace-grid>div{display:grid;grid-template-columns:1fr 1fr;gap:16px}.workspace-grid .quote{margin-top:0}.welcome{flex-direction:column;gap:12px}.focus-hero{padding:27px}.journey-mark{font-size:24px}}
@media(max-width:650px){aside{background:#fff;border-bottom:1px solid var(--line)}nav{overflow:auto}.top .eyebrow{font-size:9px}.focus-hero{grid-template-columns:1fr;padding:25px;border-radius:20px}.journey-mark{display:none}.focus-hero h2{font-size:26px}.focus-hero .primary{width:100%}.quick-grid{grid-template-columns:1fr;gap:10px}.quick-card{padding:15px}.workspace-grid>div{display:block}.workspace-grid .quote{margin-top:16px}.sectionhead{align-items:flex-start}.sectionhead .secondary{font-size:12px;padding:8px 11px}.level{min-width:calc(33.333% - 10px)}.lesson{gap:10px}.lesson-state{font-size:10px}.lesson .text{overflow-wrap:anywhere}.status-chip{white-space:normal}.activity-nav{gap:12px}.activity-nav .back{min-height:44px}.path-summary{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.board-me{background:#edf4dc}.board-me td{font-weight:700}caption{text-align:left;padding:15px 0}.table-scroll{max-width:100%}
.word-example{border-left:3px solid #92aa57;padding:4px 16px;margin:16px 0}.word-example p[lang=de]{color:var(--ink);font-size:17px}#vocabularyAnswer{font-size:18px}#vocabularyUnit{max-width:100%}