@media screen {
.exercise-page{--paper:#fff9ef;--ink:#234e45;--gold:#f7c95c;--exercise-accent:#b9ddf2;--exercise-soft:#f0f7fb;background:var(--paper);color:var(--ink);font-family:system-ui,sans-serif}
.exercise-page[data-learning-area=schreiben]{--exercise-accent:#d8c8ee;--exercise-soft:#f5f0fa}
.exercise-page[data-learning-area=mathe]{--exercise-accent:#ffd0ad;--exercise-soft:#fff4e9}
.exercise-page[data-learning-area=klassenraum]{--exercise-accent:#c5e4d3;--exercise-soft:#eef7f0}
.exercise-page header{gap:18px;align-items:center;border-bottom:1px solid #dedfcf;margin-bottom:24px;padding:18px 0}
.exercise-page header img{width:185px;display:block}
.exercise-page header>a:last-child{background:white;border:1px solid #d4ded0;border-radius:13px;min-height:44px;padding:10px 14px;font:14px/1.5 system-ui,sans-serif;text-decoration:none;text-align:center}
.exercise-page h1{letter-spacing:-.8px;line-height:1.2;font-family:system-ui,sans-serif}
.exercise-page button:not(.object):not(.tile):not(.slot){border-radius:13px;min-height:48px;border-color:#c9d6c7;line-height:1.4}
.exercise-page button.primary,.exercise-page button[aria-pressed=true]{background:#234e45;color:white;border-color:#234e45}
.exercise-page select,.exercise-page input[type=text]{border-radius:11px;border-color:#c9d6c7;min-height:44px;background:#fff;color:#234e45}
.exercise-page input[type=checkbox]{accent-color:#234e45}
.exercise-page button:focus-visible,.exercise-page a:focus-visible,.exercise-page summary:focus-visible,.exercise-page select:focus-visible{outline:3px solid #b57613;outline-offset:4px}
.exercise-page .exercise-board-toggle{min-inline-size:16ch;background:var(--exercise-soft)}
.exercise-page .toolbar,.exercise-page .controls,.exercise-page .band-controls,.exercise-page .button-row{gap:10px}
.exercise-page .sheet,.exercise-page .reader,.exercise-page .game,.exercise-page .road-card,.exercise-page .forest-card,.exercise-page .lane{border-color:#cbd8c7;border-radius:23px}
.exercise-page .lane,.exercise-page .road-card{background:var(--exercise-soft)}
.exercise-page .lane-head,.exercise-page .card-head,.exercise-page .forest-top{background:var(--exercise-accent);color:#234e45;border-color:#cbd8c7}
.exercise-settings,.exercise-help{border:1px solid #cdd9c7;background:#fffdf8;border-radius:17px;margin:18px 0;overflow:hidden;align-self:start}
.exercise-settings>summary,.exercise-help>summary{padding:14px 18px;min-height:48px;cursor:pointer;font:600 16px/1.5 system-ui,sans-serif;color:#234e45;background:var(--exercise-soft)}
.exercise-settings[open]>summary,.exercise-help[open]>summary{border-bottom:1px solid #dce4d5}
.exercise-settings>.settings{margin:0;border:0;background:#fffdf8;border-radius:0}
.exercise-settings>.band-options{padding:18px;margin:0}
.exercise-settings>.teacher-setting{padding:18px;margin:0}
.exercise-page .teacher.exercise-settings{padding:0}
.exercise-page .teacher.exercise-settings>:not(summary){margin-left:18px;margin-right:18px}
.exercise-page .exercise-help>.tip,.exercise-page .exercise-help>.teacher-note{margin:14px 18px;font:14px/1.65 system-ui,sans-serif}
.exercise-page .number-picker{padding:12px;border:1px solid #d5dfcf;border-radius:17px;background:var(--exercise-soft)}
.exercise-page .number-picker button{background:#fff}
.exercise-page .number-picker button[aria-pressed=true]{background:#234e45;color:#fff}
.exercise-page.focus .exercise-settings,.exercise-page.focus .exercise-help,.exercise-page.board-view .exercise-settings,.exercise-page.board-view .exercise-help{display:none}
.exercise-page.focus header,.exercise-page.board-view header{display:none}
.exercise-page .exercise-math-settings{margin-top:0}
@media(max-width:620px){
.exercise-page header{margin-bottom:18px;gap:12px;padding:14px 0}
.exercise-page header img{width:155px}
.exercise-page header>a:last-child{font-size:12px;padding:9px 11px}
.exercise-page .top,.exercise-page .heading{gap:12px;flex-wrap:wrap;align-items:center}
.exercise-page .top h1,.exercise-page .heading h1{font-size:28px}
.exercise-page .exercise-board-toggle{font-size:13px;padding:10px 13px}
.exercise-settings>summary,.exercise-help>summary{font-size:15px;padding:13px 15px}
.exercise-page .controls,.exercise-page .band-controls{gap:9px}
.exercise-page .band-controls button{flex:1 1 130px}
.exercise-page .exercise-math-settings{margin-bottom:0}
}
}
@media print{.exercise-settings,.exercise-help{display:none!important}}