.exercise-workspace,.exercise-start{display:grid;gap:18px;color:var(--text,#14213d)}
.exercise-workspace button,.exercise-start button{min-height:44px}
.exercise-heading,.exercise-panel>header,.exercise-start-actions,.exercise-heading-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.exercise-heading h2,.exercise-panel h3,.exercise-start h2{margin:4px 0}.exercise-heading p,.exercise-panel p,.exercise-start p{margin:0;color:var(--muted,#5d6a80)}
.exercise-labels,.exercise-check-summary{display:flex;gap:8px;flex-wrap:wrap}.exercise-progress{display:grid;grid-template-columns:repeat(5,1fr);padding:0;margin:0;list-style:none;gap:8px}.exercise-progress-template{grid-template-columns:repeat(4,1fr)}.exercise-progress li{display:flex;align-items:center;gap:8px;color:var(--muted,#5d6a80);border-bottom:3px solid var(--line,#d7e0ec);padding:8px}.exercise-progress li span{display:grid;place-items:center;width:28px;height:28px;border:1px solid currentColor;border-radius:50%;flex:none}.exercise-progress .done{color:var(--primary,#1769d2);border-color:var(--primary,#1769d2)}.exercise-progress .current{color:var(--text,#14213d);border-color:var(--text,#14213d)}
.exercise-next{display:flex;align-items:center;gap:12px;padding:12px 16px;border-left:4px solid var(--primary,#1769d2);background:var(--surface-soft,#eef4fb)}.exercise-next>span{color:var(--primary,#1769d2)}.exercise-next div{display:grid;flex:1}.exercise-next small{color:var(--muted,#5d6a80)}.exercise-next button,.exercise-tabs button,.exercise-step-nav button{border:0;background:transparent;color:inherit;cursor:pointer}.exercise-next button{display:flex;align-items:center;gap:6px;font-weight:700}
.exercise-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line,#d7e0ec);overflow:auto}.exercise-tabs button{display:flex;align-items:center;gap:7px;min-height:44px;padding:9px 14px;white-space:nowrap;border-bottom:3px solid transparent}.exercise-tabs button[aria-current="true"]{color:var(--primary,#1769d2);border-color:currentColor;font-weight:700}
.exercise-overview,.exercise-preparation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.exercise-panel,.exercise-start{background:var(--surface,#fff);border:1px solid var(--line,#d7e0ec);padding:18px;border-radius:8px}.exercise-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0 0}.exercise-facts div{background:var(--surface-soft,#eef4fb);padding:12px;border-radius:6px}.exercise-facts dt{font-size:.78rem;color:var(--muted,#5d6a80)}.exercise-facts dd{font-size:1.2rem;font-weight:750;margin:3px 0}.exercise-facts small{display:block;font-size:.75rem;font-weight:400}.exercise-timeline{display:grid;gap:8px;margin-top:14px}.exercise-timeline>div{display:flex;gap:10px;padding:10px;border-left:3px solid var(--primary,#1769d2);background:var(--surface-soft,#eef4fb)}.exercise-timeline .break{border-color:var(--warning,#a35d00)}.exercise-timeline div div{display:grid}.exercise-timeline small{color:var(--muted,#5d6a80)}.exercise-check-summary{margin-top:18px}.exercise-check-summary span{padding:10px;background:var(--surface-soft,#eef4fb);border-radius:6px}
.exercise-config-form{display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px}.exercise-step-nav{display:grid;align-content:start;gap:4px}.exercise-step-nav button{display:flex;align-items:center;gap:8px;text-align:left;padding:11px;border-radius:6px}.exercise-step-nav button[aria-current="true"]{background:var(--surface-tint,#e4efff);color:var(--primary,#1769d2);font-weight:700}.exercise-editor{min-width:0}.exercise-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.exercise-wide{grid-column:1/-1}.exercise-editor-list{display:grid;gap:10px}.exercise-editor-list>header{margin-top:10px}.exercise-row{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr)) auto;align-items:end;gap:10px;padding:12px;background:var(--surface-soft,#eef4fb);border:1px solid var(--line,#d7e0ec);border-radius:6px}.exercise-day-row{grid-template-columns:1fr minmax(240px,2fr) 1fr 1fr auto}.exercise-block-row{grid-template-columns:1.5fr 1fr 1fr 1fr minmax(240px,2fr) auto}.exercise-custom-field-row{grid-template-columns:repeat(3,minmax(140px,1fr)) auto}.exercise-source-field small{color:var(--muted,#5d6a80);font-size:.75rem;line-height:1.3}.exercise-row .exercise-wide{grid-column:auto}.exercise-sticky-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface,#fff);border:1px solid var(--line,#d7e0ec);padding:10px 14px;box-shadow:0 4px 14px rgb(20 33 61 / .08)}
.exercise-config-form,.exercise-preparation-form{padding-bottom:76px}
.exercise-preparation-grid .exercise-wide{grid-column:1/-1}.exercise-materials,.exercise-template-list,.exercise-template-grid{display:grid;gap:10px;margin-top:14px}.exercise-materials article,.exercise-template-list article,.exercise-template-grid article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:var(--surface-soft,#eef4fb);border:1px solid var(--line,#d7e0ec);border-radius:6px}.exercise-materials article{display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(180px,.7fr) minmax(180px,1fr) auto}.exercise-material-targets .field[hidden]{display:none}.exercise-material-targets select[multiple]{min-height:88px}.exercise-materials article div,.exercise-template-list article>div:first-child,.exercise-template-grid article>div:first-child{display:grid}.exercise-material-actions{display:flex!important;gap:6px}.exercise-materials span,.exercise-template-list span,.exercise-template-grid span{color:var(--muted,#5d6a80);font-size:.85rem}.exercise-template-list article>div:last-child{display:flex;gap:8px;align-items:center}.exercise-loading,.exercise-error{display:flex;justify-content:center;align-items:center;gap:12px;min-height:180px}.exercise-error{display:grid;text-align:center}.exercise-status-released{color:var(--success-text,#075f46)}
@media(max-width:1024px){.exercise-overview,.exercise-preparation-grid{grid-template-columns:1fr}.exercise-config-form{grid-template-columns:1fr}.exercise-step-nav{display:flex;overflow:auto}.exercise-step-nav button{white-space:nowrap}.exercise-facts{grid-template-columns:repeat(2,1fr)}.exercise-day-row,.exercise-block-row,.exercise-custom-field-row{grid-template-columns:repeat(2,minmax(0,1fr))}.exercise-materials article{grid-template-columns:auto minmax(160px,1fr) minmax(160px,1fr) auto}.exercise-material-targets{grid-column:2/4}}
@media(max-width:600px){.exercise-heading-actions,.exercise-heading-actions button,.exercise-start-actions,.exercise-start-actions button{width:100%}.exercise-progress li b{display:none}.exercise-progress li{justify-content:center}.exercise-form-grid,.exercise-row,.exercise-day-row,.exercise-block-row,.exercise-custom-field-row{grid-template-columns:1fr}.exercise-row .icon-button{justify-self:end}.exercise-sticky-actions{align-items:stretch;flex-direction:column}.exercise-sticky-actions button{width:100%}.exercise-materials article,.exercise-template-list article,.exercise-template-grid article{align-items:stretch;display:flex;flex-direction:column}.exercise-template-list article>div:last-child{flex-wrap:wrap}.exercise-next{align-items:flex-start;flex-wrap:wrap}.exercise-next button{margin-left:40px}.exercise-tabs button{padding-inline:10px}}
@media(prefers-color-scheme:dark){.exercise-workspace,.exercise-start{color:var(--text,#f2f6fb)}.exercise-panel,.exercise-start,.exercise-sticky-actions{background:var(--surface,#172235)}.exercise-next,.exercise-row,.exercise-facts div,.exercise-timeline>div,.exercise-check-summary span,.exercise-materials article,.exercise-template-list article,.exercise-template-grid article{background:var(--surface-soft,#202e43)}}