@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght,SOFT@9..144,300..700,0..100&family=DM+Sans:opsz,wght@9..40,400..700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{
  --paper:#f4f0e7;--paper-2:#ebe6da;--card:#fffdf8;--ink:#141f1b;--ink-2:#3d4a44;--muted:#7a857d;--line:#dcd6c8;
  --theory:#2d4d7a;--theory-tint:#e6ecf5;
  --demo:#b1602a;--demo-tint:#f7e8da;
  --exercise:#4d7a2d;--exercise-tint:#e7f0dc;--exercise-strong:#d7e75f;
  --plenary:#6b6f66;--plenary-tint:#ecebe4;
  --warn:#a1501f;--warn-tint:#fbead9;--ok:#4d7a2d;
  --minute:13px;
  --display:'Fraunces',Georgia,serif;--body:'DM Sans',system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 var(--body);-webkit-font-smoothing:antialiased}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.6;background:radial-gradient(1100px 500px at 85% -10%,#fff9 0%,transparent 60%),radial-gradient(800px 500px at -10% 30%,#d7e75f1f 0%,transparent 55%)}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
button:disabled{opacity:.4;cursor:not-allowed}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}
.skip{position:absolute;top:-60px;left:12px}.skip:focus{top:10px;background:var(--card);padding:10px 14px;z-index:100}
code{font:12px var(--mono);background:var(--paper-2);padding:2px 5px;border-radius:4px}

/* top bar */
.topbar{position:sticky;top:0;z-index:20;height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(20px,3vw,44px);background:color-mix(in srgb,var(--paper) 88%,white);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.wordmark{display:flex;align-items:center;gap:12px;font:500 15px var(--display);white-space:nowrap}
.wordmark .mark{width:30px;height:30px;border-radius:8px;background:var(--ink);color:var(--exercise-strong);display:grid;place-items:center;font:600 16px var(--display)}
.wordmark small{font:10.5px var(--mono);letter-spacing:1.4px;color:var(--muted);margin-left:6px}
.topbar-center{display:flex;gap:4px;align-items:center;white-space:nowrap}
.topbar-center button{border:1px solid transparent;background:transparent;border-radius:6px;padding:7px 9px;font-size:12.5px;color:var(--ink-2)}
.topbar-center button:hover:not(:disabled){background:var(--paper-2);border-color:var(--line)}
.topbar-center .divider{width:1px;height:20px;background:var(--line);margin:0 4px}
.view-switch{display:flex;gap:2px;background:var(--paper-2);padding:3px;border-radius:8px}
.topbar-center .view-switch button{border-radius:6px;padding:5px 10px;font-weight:500}
.topbar-center .view-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.topbar-center .view-switch button[aria-pressed=true]:hover{background:var(--ink)}
.topbar-right{display:flex;align-items:center;gap:14px}
.presence{display:flex;align-items:center;gap:8px;font-size:12px;border:1px solid var(--line);border-radius:999px;padding:4px 6px 4px 12px;background:var(--card)}
.presence label{color:var(--muted)}
.presence select{border:0;background:transparent;padding:4px 6px;font-weight:600;width:auto;margin:0}
.save-pill{display:flex;align-items:center;gap:8px;font:11.5px var(--mono);color:var(--ink-2);white-space:nowrap}
.save-pill .dot{width:8px;height:8px;border-radius:50%;background:#5d8c46;box-shadow:0 0 0 3px #5d8c4622}
.save-pill .dot.failed{background:var(--warn);box-shadow:0 0 0 3px #a1501f22}
.save-pill small{color:var(--muted)}

/* hero */
main{position:relative;z-index:1;padding:0 clamp(20px,3vw,44px) 60px;max-width:1900px;margin:0 auto}
.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:end;padding:40px 0 22px}
.eyebrow{font:11px var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}
h1{font:300 clamp(40px,4.4vw,62px)/1 var(--display);font-variation-settings:'opsz' 144,'SOFT' 40;letter-spacing:-1.8px;margin:14px 0 14px}
h1 em{font-style:italic;font-weight:500;color:var(--exercise)}
.hero p{margin:0;color:var(--ink-2);max-width:62ch;font-size:15px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.stats>div{background:var(--card);padding:18px 20px}
.stats strong{display:block;font:400 32px/1 var(--display);letter-spacing:-1px;margin-bottom:8px}
.stats span{font:10.5px var(--mono);letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}

/* legend / filters */
.legend{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:4px 0 16px}
.legend button{border:1px solid var(--line);border-radius:999px;background:var(--card);padding:6px 12px 6px 9px;font-size:12px;display:flex;align-items:center;gap:8px}
.legend button::before{content:'';width:10px;height:10px;border-radius:3px;background:var(--c)}
.legend button[aria-pressed=false]{opacity:.45;text-decoration:line-through}
.legend .k-theory{--c:var(--theory)}.legend .k-demo{--c:var(--demo)}.legend .k-exercise{--c:var(--exercise)}.legend .k-plenary{--c:var(--plenary)}
.legend-hint{font:11px var(--mono);color:var(--muted);margin-left:8px}
body.overview .block-points,body.overview .block-footer,body.overview .block-top .time{display:none}
body.view-topics .legend,body.view-topics .checks,body.view-topics .board-scroll,body.view-prep .legend,body.view-prep .checks,body.view-prep .board-scroll{display:none}
body.view-topics .topics{display:block}
body.view-prep .prep{display:block}
body.overview .block{border-radius:6px}
body.overview .block::before{width:4px}
body.overview .block-main{padding:1px 10px 2px 12px;justify-content:center}
body.overview .block-top{padding:4px 4px 0 12px;font-size:9.5px}
body.overview .block-title{font:500 14px/1.2 var(--display);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.overview .block.tiny .block-top{position:absolute;right:0;top:0;padding:1px 1px 0 0;z-index:2}
body.overview .block.tiny .block-top .kind{display:none}
body.overview .block.tiny .block-main{padding-top:0;padding-right:26px}
body.overview .block.tiny .block-title{font-size:12.5px;-webkit-line-clamp:1}
body.overview .block.k-break .block-main{font-size:9.5px;letter-spacing:.6px}
body.overview .day-header{height:76px}
body.overview .axis .axis-head{height:76px}
body.dim-theory .block.k-theory,body.dim-demo .block.k-demo,body.dim-exercise .block.k-exercise,body.dim-plenary .block.k-plenary{opacity:.18}

/* status */
.checks{border:1px solid var(--line);border-radius:10px;background:var(--card);font-size:12.5px;margin-bottom:18px}
.checks summary{cursor:pointer;padding:11px 16px;display:flex;align-items:center;gap:10px;list-style:none}
.checks summary::-webkit-details-marker{display:none}
.checks summary::before{content:'';width:8px;height:8px;border-radius:50%;background:#5d8c46;flex-shrink:0}
.checks.has-warnings summary::before{background:var(--warn)}
.checks.has-warnings{background:var(--warn-tint);border-color:#ecd2b8}
.checks ul{margin:0 16px 10px;padding-left:18px;columns:2;column-gap:30px}
.checks li{break-inside:avoid;margin-bottom:4px}
.checks p{margin:6px 16px 12px;color:var(--muted);font-size:11.5px}
.notice,.error{padding:12px 16px;border-radius:10px;font-size:13px;margin-bottom:14px}
.notice{background:#eef2d4;display:flex;align-items:center;justify-content:space-between;gap:16px}
.notice button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:6px;padding:7px 12px;font-size:12px}
.error{background:#f8e1d7;color:#7f3620}

/* board */
.board-scroll{padding-bottom:12px}
.board{display:grid;grid-template-columns:58px repeat(3,minmax(320px,1fr));gap:0 20px;min-width:1100px;position:relative}
.axis{position:relative}
.axis .axis-head{height:96px}
.axis-track{position:relative}
.axis .tick{position:absolute;right:10px;transform:translateY(-50%);font:10.5px var(--mono);color:var(--muted);white-space:nowrap}
.axis .tick.major{color:var(--ink-2);font-weight:500}
.day{display:flex;flex-direction:column}
.day-header{position:sticky;top:58px;z-index:5;height:96px;overflow:hidden;padding:14px 0 10px;background:var(--paper);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:start;gap:2px 10px}
.day-header .eyebrow{grid-column:1}
.day-header h2{grid-column:1;margin:4px 0 0;font:500 20px/1.1 var(--display);letter-spacing:-.3px}
.day-title{border:0;background:transparent;padding:0;font:inherit;text-align:left;color:inherit;border-bottom:1px dashed transparent}
.day-title:hover{border-bottom-color:var(--ink-2)}
.day-header .add{grid-column:2;grid-row:1/3;align-self:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--card);font-size:20px;line-height:1;padding:0;color:var(--ink-2)}
.day-header .add:hover{background:var(--ink);color:var(--exercise-strong);border-color:var(--ink)}
.day-meta{grid-column:1/3;display:flex;justify-content:space-between;font:10.5px var(--mono);color:var(--muted);margin-top:4px}
.day-meta .over{color:var(--warn);font-weight:500}.day-meta .ok{color:var(--ok)}
.timeline{position:relative;overflow:hidden;border-radius:12px;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--minute)*60 - 1px),var(--line) calc(var(--minute)*60 - 1px),var(--line) calc(var(--minute)*60)),var(--paper-2);border:1px solid var(--line);transition:box-shadow .15s}
.timeline.dragover{box-shadow:inset 0 0 0 2px var(--ink)}
.finish-line{position:absolute;left:0;right:0;border-top:2px solid var(--ink);font:10px var(--mono);color:var(--ink);padding:4px 10px;pointer-events:none;z-index:3}
.finish-line::after{content:'';position:absolute;left:0;right:0;top:0;bottom:-2000px;background:repeating-linear-gradient(135deg,#a1501f14 0 6px,transparent 6px 14px);z-index:-1}
.drop-marker{position:absolute;left:6px;right:6px;height:3px;border-radius:2px;background:var(--ink);z-index:6;pointer-events:none}
.drop-marker::before,.drop-marker::after{content:'';position:absolute;top:-4px;width:11px;height:11px;border-radius:50%;background:var(--ink)}
.drop-marker::before{left:-4px}.drop-marker::after{right:-4px}

/* blocks */
.block{cursor:grab;position:absolute;left:8px;right:8px;border-radius:9px;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden;transition:transform .16s,box-shadow .16s,opacity .2s;--c:var(--theory);--tint:var(--theory-tint)}
.block.k-demo{--c:var(--demo);--tint:var(--demo-tint)}
.block.k-exercise{--c:var(--exercise);--tint:var(--exercise-tint);background:var(--tint)}
.block.k-plenary{--c:var(--plenary);--tint:var(--plenary-tint);background:var(--tint)}
.block::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--c)}
.block:hover{transform:translateY(-1px);box-shadow:0 10px 28px -10px #14201b40,0 2px 6px #14201b10;z-index:4}
.block:active{cursor:grabbing}
.block.dragging{opacity:.35}
.block-top{display:flex;align-items:center;gap:8px;padding:9px 4px 0 16px;font:10.5px var(--mono);flex-shrink:0}
.block-top .kind{color:var(--c);font-weight:500;letter-spacing:.8px;text-transform:uppercase}
.block-top .time{color:var(--muted);margin-left:auto}
.grip{border:0;background:transparent;padding:2px 6px;font-size:14px;line-height:1;color:#b9b3a5;cursor:grab;touch-action:none;border-radius:4px}
.grip:hover{background:var(--paper-2);color:var(--ink)}.grip:active{cursor:grabbing}
.block-main{flex:1;min-height:0;display:flex;flex-direction:column;text-align:left;width:100%;border:0;background:transparent;padding:4px 14px 10px 16px;overflow:hidden;cursor:inherit}
.block-title{font:500 18px/1.2 var(--display);letter-spacing:-.2px;margin:0 0 7px;flex-shrink:0}
.block-points{margin:0;padding:0 0 0 14px;font-size:12.5px;line-height:1.45;color:var(--ink-2);flex:1;min-height:0;overflow:hidden}
.block-points li{margin:0 0 4px}
.block-points li.more{list-style:none;margin-left:-14px;color:var(--muted);font:10.5px var(--mono);opacity:.85}
.block-points li::marker{color:var(--c)}
.k-exercise .block-points{list-style:none;padding:0;font-size:12.5px}

.block-footer{margin-top:auto;padding-top:8px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;flex-shrink:0}
.deps{font:10px var(--mono);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:auto}
.tags{display:flex;gap:3px;overflow:hidden;flex-shrink:1;min-width:0;mask-image:linear-gradient(90deg,#000 85%,transparent)}
.tag{font:9.5px/1 var(--mono);letter-spacing:.3px;color:var(--c);background:var(--tint);border:1px solid color-mix(in srgb,var(--c) 25%,transparent);border-radius:4px;padding:3px 5px;white-space:nowrap;flex-shrink:0}
.k-exercise .tag,.k-plenary .tag{background:var(--card)}
.owner{width:20px;height:20px;border-radius:50%;background:var(--paper-2);color:var(--ink-2);font:600 9.5px var(--mono);display:grid;place-items:center;border:1px solid var(--line);flex-shrink:0}
.owner.set{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.block.compact .block-points{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;padding-left:0;list-style:none;font-size:11.5px}
.block.compact .block-points li{display:inline}
.block.compact .block-points li+li::before{content:' · '}
.block.compact .block-title{font-size:15.5px;margin-bottom:4px}
.block.compact .block-footer{display:none}
.block.tiny .block-top{padding-top:3px}
.block.tiny .block-main{padding:0 12px 3px 14px;justify-content:center}
.block.tiny .block-title{font-size:14px;margin:0}
.block.tiny .block-points,.block.tiny .block-footer{display:none}
.block.k-break{background:repeating-linear-gradient(135deg,#d9d3c4 0 2px,transparent 2px 7px),var(--paper-2);border-style:dashed;border-color:#cfc8b8;--c:transparent}
.block.k-break::before{display:none}
.block.k-break:hover{transform:none;box-shadow:none}
.block.k-break .block-main{cursor:inherit;flex-direction:row;align-items:center;justify-content:center;gap:10px;font:11px var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--muted);padding:0 24px 0 12px}
.block.k-break .break-duration{color:#a39c8c}
.block.k-break .grip{position:absolute;right:2px;top:50%;transform:translateY(-50%)}

/* topics view */
.topics{display:none}
.topics-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:4px 0 26px}
.topics-header h2{font:400 30px/1.1 var(--display);letter-spacing:-.6px;margin:10px 0 10px}
.topics-header p{margin:0;color:var(--ink-2);max-width:78ch;font-size:13.5px}
.topics-header .primary{border-radius:8px;padding:10px 16px;font-size:13px;white-space:nowrap;border:1px solid var(--ink)}
.area{margin-bottom:34px}
.area-header{display:flex;align-items:baseline;gap:14px;padding-bottom:10px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.area-header h3{font:500 20px/1.1 var(--display);letter-spacing:-.3px;margin:0}
.area-meta{font:11px var(--mono);color:var(--muted);letter-spacing:.6px}
.add-topic-inline{margin-left:auto;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:5px 12px;font-size:12px;color:var(--ink-2)}
.add-topic-inline:hover{background:var(--ink);color:var(--exercise-strong);border-color:var(--ink)}
.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}
.topic{background:var(--card);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:transform .16s,box-shadow .16s}
.topic:hover{transform:translateY(-1px);box-shadow:0 10px 28px -10px #14201b40,0 2px 6px #14201b10}
.topic.uncovered{border-style:dashed;border-color:#ecd2b8;background:var(--warn-tint)}
.topic-main{border:0;background:transparent;text-align:left;padding:14px 16px 10px;display:block;width:100%;color:inherit}
.topic-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.topic-meta{font:10.5px var(--mono);color:var(--muted);white-space:nowrap}
.topic.uncovered .topic-meta{color:var(--warn);font-weight:500}
.topic h3{font:500 17px/1.25 var(--display);letter-spacing:-.2px;margin:6px 0 6px}
.topic p{margin:0;font-size:12.5px;line-height:1.5;color:var(--ink-2)}
.topic-blocks{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 14px;margin-top:auto}
.chip{--c:var(--theory);--tint:var(--theory-tint);border:1px solid color-mix(in srgb,var(--c) 30%,transparent);background:var(--tint);color:var(--ink);border-radius:999px;padding:4px 10px 4px 6px;font-size:11.5px;display:inline-flex;align-items:center;gap:6px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chip.k-demo{--c:var(--demo);--tint:var(--demo-tint)}.chip.k-exercise{--c:var(--exercise);--tint:var(--exercise-tint)}.chip.k-plenary{--c:var(--plenary);--tint:var(--plenary-tint)}
.chip:hover{border-color:var(--c);background:var(--card)}
.chip-id{font:600 9.5px var(--mono);color:var(--c);background:var(--card);border-radius:999px;padding:2px 6px;letter-spacing:.4px}
.topic-empty{font-size:12px;color:var(--warn)}

/* preparation view */
.prep{display:none}
.prep-progress{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:200px}
.prep-progress strong{font:400 32px/1 var(--display);letter-spacing:-1px}
.prep-progress span{font:10.5px var(--mono);letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
.prep-bar{display:flex;width:200px;height:6px;border-radius:3px;background:var(--paper-2);overflow:hidden;border:1px solid var(--line)}
.prep-bar i{display:block;height:100%;background:var(--exercise)}
.prep-bar i.work{background:var(--exercise-strong)}
.prep-layout{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:24px;align-items:start}
.prep-list{position:sticky;top:74px;max-height:calc(100vh - 90px);overflow-y:auto;padding-right:4px}
.prep-tier{margin-bottom:18px}
.prep-tier-head{display:flex;justify-content:space-between;font:11px var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--muted);padding:0 4px 8px;border-bottom:1px solid var(--line);margin-bottom:6px}
.prep-item{display:grid;grid-template-columns:auto 1fr auto;gap:4px 10px;align-items:center;width:100%;text-align:left;border:1px solid transparent;background:transparent;border-radius:10px;padding:9px 10px;color:var(--ink);--c:var(--muted)}
.prep-item:hover{background:var(--card);border-color:var(--line)}
.prep-item.active{background:var(--card);border-color:var(--ink);box-shadow:0 6px 20px -12px #14201b66}
.prep-item-id{font:600 10px var(--mono);color:var(--muted);letter-spacing:.4px}
.prep-item-title{font:500 13.5px/1.3 var(--body)}
.prep-item-meta{display:flex;align-items:center;gap:6px}
.status-dot{width:9px;height:9px;border-radius:50%;background:var(--paper-2);border:1px solid var(--line)}
.prep-item.s-arbeit .status-dot{background:var(--exercise-strong);border-color:#b8c84a}
.prep-item.s-bereit .status-dot{background:var(--exercise);border-color:var(--exercise)}
.prep-item.s-bereit .prep-item-title{color:var(--ink-2)}
.prep-detail{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px 32px 22px;min-height:400px}
.prep-detail-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:6px;flex-wrap:wrap}
.prep-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.prep-controls{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.prep-control{font-size:11px;color:var(--muted);font-weight:500}
.prep-control select{width:auto;margin:4px 0 0;padding:7px 10px;font-size:13px;display:block;min-width:130px}
.prep-edit{border:1px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:8px;padding:8px 12px;font-size:12px;white-space:nowrap;margin-bottom:1px}
.prep-edit:hover{background:#28403a}
.prep-foot{margin-top:26px;padding-top:12px;border-top:1px solid var(--line);font:10.5px/1.6 var(--mono);color:var(--muted)}
.markdown{font-size:14px;line-height:1.65;color:var(--ink)}
.markdown h1{font:400 30px/1.1 var(--display);letter-spacing:-.6px;margin:14px 0 12px}
.markdown h2{font:500 20px/1.2 var(--display);letter-spacing:-.3px;margin:30px 0 10px;padding-top:10px}
.markdown h3{font:600 14px/1.3 var(--body);text-transform:uppercase;letter-spacing:.8px;color:var(--ink-2);margin:22px 0 8px}
.markdown h4{font:600 14px var(--body);margin:16px 0 6px}
.markdown p{margin:0 0 12px;max-width:80ch}
.markdown ul,.markdown ol{margin:0 0 14px;padding-left:24px;max-width:85ch}
.markdown li{margin-bottom:5px}
.markdown li::marker{color:var(--exercise)}
.markdown a{color:var(--theory);text-decoration:underline;text-decoration-color:#2d4d7a55;text-underline-offset:2px}
.markdown a:hover{text-decoration-color:var(--theory)}
.markdown code{font:12.5px var(--mono);background:var(--paper-2);padding:1px 5px;border-radius:4px}
.markdown pre{background:var(--ink);color:var(--paper);padding:14px 16px;border-radius:10px;overflow-x:auto;font:12.5px/1.5 var(--mono);margin:0 0 14px}
.markdown pre code{background:transparent;padding:0;color:inherit}
.markdown blockquote{margin:0 0 14px;padding:8px 16px;border-left:3px solid var(--exercise-strong);background:var(--paper-2);border-radius:0 8px 8px 0;color:var(--ink-2)}
.markdown table{border-collapse:collapse;width:100%;margin:0 0 16px;font-size:13px}
.markdown th,.markdown td{border:1px solid var(--line);padding:7px 10px;text-align:left;vertical-align:top}
.markdown th{background:var(--paper-2);font-weight:600}
.markdown hr{border:0;border-top:1px solid var(--line);margin:22px 0}

/* checkbox groups (block editor „Themen“, topic editor „Blöcke“) */
.check-groups{margin:6px 0 16px;display:grid;gap:10px}
.check-group{border:1px solid var(--line);border-radius:10px;padding:6px 10px 8px;margin:0;background:var(--card)}
.check-group legend{font:11px var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--muted);padding:0 6px}
.check{display:flex;gap:10px;align-items:flex-start;padding:5px 6px;border-radius:6px;font-weight:400;font-size:12.5px;color:var(--ink);--c:var(--theory)}
.check.k-demo{--c:var(--demo)}.check.k-exercise{--c:var(--exercise)}.check.k-plenary{--c:var(--plenary)}
.check:hover{background:var(--paper-2)}
.check input{width:auto;margin:3px 0 0;accent-color:var(--ink);flex-shrink:0}
.check b{font:600 10.5px var(--mono);color:var(--c);margin-right:2px}

footer{display:flex;justify-content:space-between;gap:20px;margin-top:34px;padding-top:18px;border-top:1px solid var(--line);font:10.5px/1.6 var(--mono);color:var(--muted)}

/* editor */
dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(740px,100%);height:100%;max-height:100%;max-width:100%;border:0;padding:0;background:var(--paper);color:var(--ink);box-shadow:-20px 0 80px #14201b33}
dialog::backdrop{background:#14201b55;backdrop-filter:blur(2px)}
#edit-form,#prep-edit-form{height:100%;display:flex;flex-direction:column}
#prep-editor{width:min(920px,100%)}
.editor-header{padding:24px 32px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;background:var(--card);gap:16px}
.editor-header h2{font:400 22px/1.2 var(--display);letter-spacing:-.4px;margin:6px 0 0}
.icon-button{border:1px solid var(--line);background:var(--card);border-radius:50%;width:36px;height:36px;font-size:20px;line-height:1;padding:0;color:var(--ink-2);flex-shrink:0}
.icon-button:hover{background:var(--ink);color:var(--paper)}
.editor-scroll{overflow-y:auto;padding:24px 32px 30px;flex:1}
label{display:block;font-size:12px;font-weight:600;color:var(--ink-2)}
input,textarea,select{width:100%;margin:6px 0 16px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--card);font-size:13.5px;transition:border-color .12s,box-shadow .12s}
input:focus,textarea:focus,select:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 3px #14201b12}
textarea{resize:vertical;line-height:1.65;min-height:60px}
.prep-editor-scroll{display:flex;flex-direction:column;min-height:0}
.markdown-source{flex:1;min-height:calc(100vh - 245px);margin-bottom:0;resize:none;background:#17201d;color:#f3efe5;border-color:#17201d;border-radius:10px;padding:18px 20px;font:13px/1.65 var(--mono);tab-size:2;caret-color:var(--exercise-strong)}
.markdown-source:focus{border-color:var(--exercise-strong);box-shadow:0 0 0 3px #d7e75f33}
select[multiple]{padding:6px}select[multiple] option{padding:6px 8px;border-radius:4px}
input[name=title]{font:400 20px var(--display);letter-spacing:-.3px;padding:9px 12px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.form-grid.three{grid-template-columns:1.6fr .8fr .8fr}
.field-help{font-size:11.5px;color:var(--muted);margin:-8px 0 16px;line-height:1.6}
.editor-tabs{display:flex;gap:4px;background:var(--paper-2);padding:4px;border-radius:10px;margin:6px 0 22px}
.editor-tabs button{flex:1;border:0;border-radius:7px;background:transparent;font-size:12.5px;padding:9px 10px;color:var(--ink-2)}
.editor-tabs button.active{background:var(--card);color:var(--ink);font-weight:600;box-shadow:0 1px 3px #14201b14}
.editor-footer{border-top:1px solid var(--line);padding:16px 32px;display:flex;align-items:center;gap:8px;background:var(--card)}
.editor-footer span{flex:1}
.editor-footer button{border:1px solid var(--line);background:var(--card);border-radius:8px;padding:10px 16px;font-size:13px}
.primary{background:var(--ink)!important;color:var(--paper)!important;border-color:var(--ink)!important}
.primary:hover:not(:disabled){background:#28403a!important}
.danger{color:#9a4426;border-color:transparent!important;background:transparent!important}
.danger:hover{background:#f8e1d7!important}
#editor-error,#prep-editor-error{margin:0 32px 8px;max-height:80px;overflow:auto}
.editor-file{font:10.5px/1.4 var(--mono);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:12px 20px;border-radius:999px;box-shadow:0 10px 40px #14201b40;z-index:30;font-size:12.5px;display:flex;gap:10px;align-items:center}
.toast::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--exercise-strong)}

/* responsive */
@media(max-width:1500px){.wordmark small{display:none}.save-pill small{display:none}}
@media(max-width:1100px){.prep-layout{grid-template-columns:1fr}.prep-list{position:static;max-height:none}.hero{grid-template-columns:1fr;gap:20px}.stats{max-width:760px;grid-template-columns:repeat(2,1fr)}.topic-grid{grid-template-columns:1fr}.board-scroll{overflow-x:auto}.day-header{position:static}}
@media(max-width:820px){.topbar{height:auto;flex-wrap:wrap;padding:10px 16px;gap:10px}.topbar-center{order:3;width:100%;overflow-x:auto}.wordmark small{display:none}main{padding:0 16px 40px}.hero{padding:26px 0 16px}.checks ul{columns:1}.form-grid,.form-grid.three{grid-template-columns:1fr}.editor-scroll,.editor-header,.editor-footer{padding-left:20px;padding-right:20px}.editor-footer button{padding:9px 12px}.legend-hint{display:none}}
@media(max-width:500px){.hero h1{font-size:38px}.stats>div{padding:12px}.stats strong{font-size:24px}.save-pill{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}
@media print{@page{size:A3 landscape;margin:10mm}body::before{display:none}.topbar,.legend,.checks,.notice,.toast,dialog,.day-header .add,.grip,footer{display:none!important}.tags{display:none}body.view-topics .topics{display:block}body.view-prep .prep{display:block}.prep-list,.prep-controls{display:none}.prep-layout{grid-template-columns:1fr}.topics-header .primary,.add-topic-inline{display:none}main{padding:0}.hero{padding:6px 0 10px;grid-template-columns:1fr auto}h1{font-size:26px;margin:4px 0}.hero p{display:none}.stats strong{font-size:20px}.board{min-width:0}.day-header{position:static;height:auto;padding:0 0 6px}.block{box-shadow:none;break-inside:avoid}.block:hover{transform:none}}