@font-face{font-family:"Saira";font-weight:700;font-display:swap;src:url(fonts/saira-700.woff2) format("woff2");}
@font-face{font-family:"Saira";font-weight:800;font-display:swap;src:url(fonts/saira-800.woff2) format("woff2");}
@font-face{font-family:"Inter";font-weight:400;font-display:swap;src:url(fonts/inter-400.woff2) format("woff2");}
@font-face{font-family:"Inter";font-weight:600;font-display:swap;src:url(fonts/inter-600.woff2) format("woff2");}
@font-face{font-family:"Inter";font-weight:700;font-display:swap;src:url(fonts/inter-700.woff2) format("woff2");}

:root{
  /* Mudventures-Palette, für die Werkstatt kontraststärker gesetzt */
  --basalt:#20241F; --basalt-2:#2C312A; --basalt-3:#3A4037;
  --clay:#8C5A33; --amber:#E08A1E; --amber-hell:#F4A640;
  --pine:#33503F; --horizon:#4E7480;
  --bone:#FAF7F1; --sand:#F1EBE0; --stone:#B8AE9E; --muted:#5E574B; --linie:#DDD4C4;
  --warn-bg:#FFF1DB;
  --radius:6px;
  --font-head:"Saira","Arial Narrow",Arial,sans-serif;
  --font-body:"Inter",system-ui,-apple-system,Helvetica,Arial,sans-serif;
  /* Schriftskala: 12 / 14 / 16 / 18 / 22 / 26, dazu die große Stromzahl */
  --fs-label:12px; --fs-note:14px; --fs-body:16px; --fs-h3:18px; --fs-h2:22px; --fs-tile:26px;
  --safe-b:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box;}
[hidden]{display:none!important;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;background:var(--sand);color:var(--basalt);font:var(--fs-body)/1.45 var(--font-body);-webkit-tap-highlight-color:transparent;}
button,select,input{font:inherit;color:inherit;}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px;}
.sprite{position:absolute;width:0;height:0;overflow:hidden;}
.ic{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.ic-l{width:30px;height:30px;}

/* Typografie */
.h2{font:800 var(--fs-h2)/1.1 var(--font-head);text-transform:uppercase;letter-spacing:.02em;margin:0;}
.h3{font:800 var(--fs-h3)/1.1 var(--font-head);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;}
.label{display:block;font:700 var(--fs-label)/1.2 var(--font-body);text-transform:uppercase;letter-spacing:.09em;margin:20px 0 8px;color:var(--basalt);}
.tag{display:inline-block;font:700 var(--fs-label)/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--clay);margin:0;}
.tag-hell{color:var(--amber-hell);}
.hinweis{margin:6px 2px 0;font-size:var(--fs-note);color:var(--muted);}

/* ---------- Kopf ---------- */
.top{background:var(--basalt);color:var(--bone);border-bottom:5px solid var(--amber);padding-top:env(safe-area-inset-top,0px);}
.top-in{max-width:1180px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;gap:16px;}
.logo{height:46px;width:auto;filter:invert(1) brightness(1.05);flex:none;}
.titel{border-left:2px solid var(--basalt-3);padding-left:16px;min-width:0;}
h1{font:800 26px/1 var(--font-head);text-transform:uppercase;letter-spacing:.04em;margin:0;}
.geraet{margin:6px 0 0;font:600 var(--fs-label)/1.25 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--stone);display:flex;gap:7px;align-items:center;}
.geraet .dot{width:8px;height:8px;border-radius:50%;background:var(--amber);flex:none;box-shadow:0 0 0 3px rgba(224,138,30,.25);}

/* ---------- Layout ---------- */
.layout{max-width:1180px;margin:0 auto;padding:16px 16px calc(40px + var(--safe-b));display:grid;gap:16px;grid-template-columns:minmax(0,1fr);}
@media (min-width:760px){
  .layout{grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:20px;padding-top:22px;align-items:start;}
  .eingabe{position:sticky;top:16px;}
}
@media (min-width:1100px){ .layout{grid-template-columns:400px minmax(0,1fr);gap:28px;} }

/* ---------- Eingabe ---------- */
.eingabe{background:var(--bone);border:2px solid var(--basalt);border-radius:var(--radius);padding:18px 16px;box-shadow:4px 4px 0 var(--basalt);}
.label.zeile{display:flex;justify-content:space-between;align-items:baseline;}
.select-wrap{position:relative;}
.select-wrap select{appearance:none;-webkit-appearance:none;width:100%;padding:12px 44px 12px 14px;border:2px solid var(--basalt);border-radius:var(--radius);background:#fff;font-weight:700;font-size:var(--fs-h3);min-height:52px;cursor:pointer;}
.select-wrap .ic{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;stroke-width:2.6;}

#dicke-wert{font:800 var(--fs-tile)/1 var(--font-head);color:var(--basalt);text-transform:none;letter-spacing:0;}
.slider-zeile{display:flex;align-items:center;gap:10px;}
.step{flex:none;width:46px;height:46px;border-radius:var(--radius);border:2px solid var(--basalt);background:#fff;font:700 24px/1 var(--font-body);cursor:pointer;display:grid;place-items:center;padding:0 0 2px;}
.step:active{background:var(--sand);}
.step:disabled{opacity:.35;cursor:default;}
input[type=range]{-webkit-appearance:none;appearance:none;flex:1;min-width:0;height:46px;background:transparent;margin:0;cursor:pointer;touch-action:pan-y;}
input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:5px;background:linear-gradient(to right,var(--amber) 0 var(--p,40%),var(--stone) var(--p,40%) 100%);border:2px solid var(--basalt);}
input[type=range]::-moz-range-track{height:6px;border-radius:5px;background:var(--stone);border:2px solid var(--basalt);}
input[type=range]::-moz-range-progress{height:6px;border-radius:5px;background:var(--amber);}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:32px;height:32px;border-radius:50%;background:var(--basalt);border:4px solid var(--amber);margin-top:-13px;box-shadow:0 2px 6px rgba(0,0,0,.3);}
input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--basalt);border:4px solid var(--amber);}
.skala{display:flex;justify-content:space-between;margin:2px 56px 0;font:600 var(--fs-label)/1 var(--font-body);color:var(--muted);}

.geo{border:0;margin:4px 0 0;padding:0;}
.geo legend{padding:0;}
.chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
@media (min-width:760px) and (max-width:1099px){ .chips{grid-template-columns:repeat(2,minmax(0,1fr));} }
.chip{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 9px;border:2px solid var(--basalt);border-radius:var(--radius);background:#fff;cursor:pointer;text-align:center;font:700 13px/1.15 var(--font-body);min-height:86px;transition:background .12s,color .12s;}
.chip svg{width:40px;height:34px;flex:none;}
.chip[aria-checked=true]{background:var(--basalt);color:var(--bone);box-shadow:inset 0 -4px 0 var(--amber);}
.chip[aria-checked=true] svg .f{fill:var(--amber);}
.chip[aria-checked=true] svg .s{stroke:var(--amber);}
.chip:not([aria-checked=true]):hover{background:var(--sand);}

/* ---------- Ergebnis ---------- */
.ergebnis{min-width:0;display:flex;flex-direction:column;gap:14px;scroll-margin-top:12px;}
.display{background:var(--basalt);color:var(--bone);border-radius:var(--radius);padding:16px;border:2px solid var(--basalt);box-shadow:4px 4px 0 var(--amber);}
.display-kopf{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;}
.proc-switch{display:flex;border:2px solid var(--basalt-3);border-radius:var(--radius);overflow:hidden;flex:none;}
.proc-switch button{background:transparent;border:0;color:var(--stone);padding:8px 14px;font:700 13px/1 var(--font-body);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;min-height:40px;}
.proc-switch button[aria-checked=true]{background:var(--bone);color:var(--basalt);}
.proc-switch button:disabled{opacity:.35;cursor:not-allowed;}
.proc-switch .empf{display:block;font-size:10px;letter-spacing:.1em;margin-top:3px;font-weight:600;opacity:.8;}

/* Betriebsart als Schalter: jede Variable ein eigenes Feld */
.badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:8px;margin-top:14px;}
.badge{border-radius:var(--radius);padding:8px 10px 9px;background:var(--amber);color:var(--basalt);display:flex;flex-direction:column;gap:4px;min-width:0;}
.badge-cat{font:700 11px/1 var(--font-body);text-transform:uppercase;letter-spacing:.1em;opacity:.75;}
.badge-val{display:flex;align-items:center;gap:7px;font:800 var(--fs-tile)/1 var(--font-head);text-transform:uppercase;}
.badge-val .ic{width:26px;height:26px;stroke-width:2.4;}
.badge-val{white-space:nowrap;}
@media (max-width:520px){ .badge-val{font-size:20px;gap:5px;} .badge-val .ic{width:20px;height:20px;} .badge{padding:7px 8px 8px;} }
.badge.aus{background:transparent;color:var(--stone);border:2px dashed var(--basalt-3);padding:6px 8px 7px;}

.hero{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:14px 0 4px;padding:12px 0 14px;border-top:1px solid var(--basalt-3);border-bottom:1px solid var(--basalt-3);}
.hero-zahl{font:800 clamp(72px,17vw,104px)/.85 var(--font-head);color:var(--amber-hell);letter-spacing:-.01em;font-variant-numeric:tabular-nums;}
.hero-zahl small{font-size:.4em;margin-left:4px;color:var(--bone);}
.hero-text{padding-bottom:4px;}
.hero-k{display:flex;align-items:center;gap:8px;font:700 var(--fs-label)/1.2 var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--bone);}
.hero-k .ic{color:var(--amber-hell);}
.hero-n{font-size:var(--fs-note);color:var(--stone);margin-top:5px;}

.werte{display:flex;flex-wrap:wrap;gap:1px;background:var(--basalt-3);border:1px solid var(--basalt-3);border-radius:4px;overflow:hidden;margin-top:12px;}
.werte:empty{display:none;}
.wert{background:var(--basalt);padding:11px 12px 12px;min-width:0;flex:1 1 150px;}
.wert-k{display:flex;align-items:center;gap:7px;font:700 var(--fs-label)/1.2 var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--stone);}
.wert-k .ic{width:20px;height:20px;color:var(--amber-hell);}
.wert-v{font:800 var(--fs-tile)/1.05 var(--font-head);color:var(--bone);margin-top:6px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.wert-n{font-size:13px;color:var(--stone);margin-top:4px;line-height:1.3;}

.ed{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:var(--fs-note);color:var(--stone);flex-wrap:wrap;}
.ed-bar{flex:1;height:8px;background:var(--basalt-3);border-radius:4px;overflow:hidden;max-width:180px;min-width:80px;}
.ed-bar i{display:block;height:100%;background:#7FB08F;}
.ed-bar.hoch i{background:var(--amber);}
.ed b{color:var(--bone);}

.warnungen{display:flex;flex-direction:column;gap:8px;}
.warnungen:empty{display:none;}
.warnung{display:flex;gap:10px;align-items:flex-start;background:var(--warn-bg);border:2px solid var(--basalt);border-left:8px solid var(--amber);border-radius:var(--radius);padding:10px 12px;font-size:15px;line-height:1.4;font-weight:600;}
.warnung .ic{color:var(--clay);margin-top:1px;}

.block{background:var(--bone);border:2px solid var(--basalt);border-radius:var(--radius);padding:16px;}
.liste{display:grid;grid-template-columns:minmax(0,1fr);column-gap:22px;}
@media (min-width:1000px){ .selten .liste{grid-template-columns:repeat(2,minmax(0,1fr));} }
.zeile-w{display:grid;grid-template-columns:28px minmax(0,1fr);gap:0 10px;padding:11px 0;border-top:1px solid var(--linie);}
.zeile-w > .ic{color:var(--clay);margin-top:1px;}
.liste .zeile-w:first-child{border-top:0;padding-top:0;}
@media (min-width:1000px){ .selten .liste .zeile-w:nth-child(2){border-top:0;padding-top:0;} }
.zeile-w .k{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font:600 var(--fs-note)/1.3 var(--font-body);color:var(--muted);}
.zeile-w .v{display:block;font:700 17px/1.3 var(--font-body);color:var(--basalt);margin-top:2px;}
.zeile-w .n{display:block;font:400 var(--fs-note)/1.4 var(--font-body);color:var(--muted);margin-top:2px;}
.mat{display:inline-block;font:700 10.5px/1 var(--font-body);text-transform:uppercase;letter-spacing:.08em;background:var(--clay);color:#fff;border-radius:3px;padding:3px 5px;}

.selten summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;}
.selten summary::-webkit-details-marker{display:none;}
.selten summary .h3{margin:0;}
.selten[open] summary{margin-bottom:12px;}
.auf{width:26px;height:26px;border:2px solid var(--basalt);border-radius:50%;position:relative;flex:none;}
.auf::before,.auf::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2.5px;background:var(--basalt);transform:translate(-50%,-50%);}
.auf::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .15s;}
.selten[open] .auf::after{transform:translate(-50%,-50%) rotate(0deg);}

/* Buttons für Tipps und Fehlerbilder */
.sheet-btn{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:2px solid var(--basalt);border-radius:var(--radius);padding:14px 16px;cursor:pointer;box-shadow:4px 4px 0 var(--basalt);transition:transform .08s,box-shadow .08s;}
.sheet-btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--basalt);}
.sheet-btn-text{flex:1;min-width:0;}
.sheet-btn-klein{display:block;font:700 var(--fs-label)/1 var(--font-body);text-transform:uppercase;letter-spacing:.14em;}
.sheet-btn-gross{display:block;font:800 var(--fs-h2)/1.1 var(--font-head);text-transform:uppercase;margin-top:5px;}
.sheet-btn > .ic:last-child{width:28px;height:28px;stroke-width:2.6;}
.tipps-btn{background:var(--amber);color:var(--basalt);}
.fehler-btn{background:var(--basalt);color:var(--bone);box-shadow:4px 4px 0 var(--amber);}
.fehler-btn .ic-l,.fehler-btn .sheet-btn-klein{color:var(--amber-hell);}
.fehler-btn:active{box-shadow:1px 1px 0 var(--amber);}
.anleitung-btn{background:var(--bone);color:var(--basalt);}
.anleitung-btn .ic-l{color:var(--clay);}
.legende{margin-top:14px;}
.sep{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
.sep .ic{width:18px;height:18px;color:var(--muted);stroke-width:2.6;}
.oder{font:700 var(--fs-label)/1 var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);}

.fuss{font-size:13px;color:var(--muted);margin:2px 2px 0;}

/* ---------- Mini-Leiste (Telefon) ---------- */
.minibar{position:fixed;left:12px;right:12px;bottom:calc(12px + var(--safe-b));z-index:10;display:flex;align-items:center;gap:12px;background:var(--basalt);color:var(--bone);text-decoration:none;border:2px solid var(--amber);border-radius:var(--radius);padding:10px 14px;box-shadow:0 8px 24px rgba(0,0,0,.35);}
.mb-modus{font:800 16px/1 var(--font-head);text-transform:uppercase;letter-spacing:.04em;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mb-amp{font:800 28px/1 var(--font-head);color:var(--amber-hell);font-variant-numeric:tabular-nums;}
.mb-pfeil{font:700 20px/1 var(--font-body);color:var(--stone);}
@media (min-width:760px){ .minibar{display:none!important;} }

/* ---------- Seitenblatt (Tipps, Fehlerbilder) ---------- */
.sheet-backdrop{position:fixed;inset:0;background:rgba(32,36,31,.55);z-index:20;opacity:0;transition:opacity .2s;}
.sheet-backdrop.an{opacity:1;}
.sheet{position:fixed;z-index:21;background:var(--bone);display:flex;flex-direction:column;box-shadow:0 -10px 40px rgba(0,0,0,.35);
  left:0;right:0;bottom:0;height:92vh;height:92dvh;border-radius:14px 14px 0 0;transform:translateY(100%);transition:transform .25s cubic-bezier(.2,.8,.2,1);}
.sheet.an{transform:none;}
@media (min-width:760px){
  .sheet{left:auto;top:0;height:100%;width:min(500px,92vw);border-radius:0;transform:translateX(100%);box-shadow:-10px 0 40px rgba(0,0,0,.35);}
}
.sheet-kopf{background:var(--basalt);color:var(--bone);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 16px 16px;border-bottom:5px solid var(--amber);border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.sheet-kopf .h2{margin-top:6px;}
.schliessen{width:46px;height:46px;border-radius:50%;background:var(--basalt-2);border:2px solid var(--basalt-3);color:var(--bone);display:grid;place-items:center;cursor:pointer;flex:none;}
.schliessen .ic{stroke-width:2.6;}
.sheet-inhalt{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 16px calc(28px + var(--safe-b));overscroll-behavior:contain;}
.gruppe-titel{font:800 var(--fs-h3)/1 var(--font-head);text-transform:uppercase;letter-spacing:.06em;margin:22px 0 8px;color:var(--clay);}
.tipp{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:12px 0;border-top:1px solid var(--linie);}
.gruppe-titel + .tipp{border-top:0;}
.tipp-nr{width:28px;height:28px;border-radius:50%;background:var(--basalt);color:var(--amber-hell);font:800 14px/28px var(--font-head);text-align:center;}
.tipp b{display:block;font-size:var(--fs-body);margin-bottom:2px;}
.tipp p{margin:0;font-size:15px;line-height:1.45;}

.fehler-intro{font-size:var(--fs-note);color:var(--muted);margin:14px 0 4px;}
.fehler{border:2px solid var(--basalt);border-radius:var(--radius);margin-top:10px;background:#fff;}
.fehler summary{list-style:none;display:grid;grid-template-columns:28px minmax(0,1fr) 22px;gap:10px;align-items:start;padding:12px;cursor:pointer;}
.fehler summary::-webkit-details-marker{display:none;}
.fehler summary > .ic:first-child{color:var(--clay);width:24px;height:24px;margin-top:1px;}
.fehler summary > .ic:last-child{color:var(--muted);transition:transform .15s;margin-top:2px;}
.fehler[open] summary > .ic:last-child{transform:rotate(90deg);}
.fehler-t{font:700 var(--fs-body)/1.3 var(--font-body);}
.fehler-look{display:block;font:400 var(--fs-note)/1.4 var(--font-body);color:var(--muted);margin-top:3px;}
.fehler-body{padding:0 12px 12px;}
.fix-titel{font:700 var(--fs-label)/1 var(--font-body);text-transform:uppercase;letter-spacing:.09em;margin:2px 0 6px;color:var(--basalt);}
.fix{display:grid;grid-template-columns:22px minmax(0,1fr) 26px auto;gap:10px;align-items:center;padding:9px 10px;background:var(--sand);border-radius:4px;margin-top:4px;}
.fix > .ic:first-child{color:var(--clay);}
.fix-k{font:600 15px/1.3 var(--font-body);}
.fix-dir{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;}
.fix-dir .ic{width:16px;height:16px;stroke-width:2.8;}
.fix-dir.up{background:var(--clay);}
.fix-dir.down{background:var(--horizon);}
.fix-dir.set{background:var(--basalt);}
.fix-v{font:800 17px/1.2 var(--font-head);text-align:right;white-space:nowrap;}
@media (max-width:420px){
  .fix{grid-template-columns:22px minmax(0,1fr) 26px;}
  .fix-v{grid-column:2 / -1;text-align:left;white-space:normal;}
}
.fehler-tipp{display:flex;gap:8px;font-size:var(--fs-note);line-height:1.45;margin-top:10px;color:var(--basalt);}
.fehler-tipp .ic{width:18px;height:18px;color:var(--amber);margin-top:1px;}

/* ---------- Bedienanleitung ---------- */
.legende{display:flex;flex-wrap:wrap;gap:6px 14px;padding:10px 12px;background:var(--sand);border-radius:4px;font:600 13px/1.3 var(--font-body);color:var(--basalt);}
.legende span{display:inline-flex;align-items:center;gap:6px;}
.legende .ic{width:20px;height:20px;color:var(--clay);}
.schritt-gruppe{margin-top:18px;}
.schritt-titel{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font:700 var(--fs-label)/1.2 var(--font-body);text-transform:uppercase;letter-spacing:.09em;margin:0 0 8px;}
.schritt-titel small{font-weight:600;text-transform:none;letter-spacing:0;color:var(--muted);font-size:13px;}
.schritt{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:8px 0;border-top:1px solid var(--linie);}
.schritt:first-of-type{border-top:0;}
.schritt-nr{width:26px;height:26px;border-radius:50%;background:var(--basalt);color:var(--amber-hell);font:800 13px/26px var(--font-head);text-align:center;}
.aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:6px;}
.akt > span:last-child,.akt > b{white-space:normal;min-width:0;overflow-wrap:anywhere;}
.akt{white-space:nowrap;max-width:100%;min-width:0;display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid var(--basalt);border-radius:5px;padding:5px 9px 5px 6px;font:600 14px/1.2 var(--font-body);}
.akt .ic{width:20px;height:20px;}
.akt .ic:first-child{color:var(--clay);}
.akt .act{color:var(--muted);}
.akt b{font:800 15px/1 var(--font-head);text-transform:uppercase;letter-spacing:.02em;}
.pfeil{color:var(--muted);font-weight:700;font-size:13px;}
.akt-label{flex-basis:100%;font:700 var(--fs-label)/1 var(--font-body);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;}
.check-liste{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;margin-top:8px;}
@media (min-width:1000px){ .check-liste{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;} }
.check{display:grid;grid-template-columns:26px 22px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;background:#fff;border:1.5px solid var(--linie);border-radius:5px;cursor:pointer;text-align:left;width:100%;}
.check-box{width:24px;height:24px;border:2px solid var(--basalt);border-radius:4px;display:grid;place-items:center;color:transparent;}
.check-box .ic{width:18px;height:18px;stroke-width:3;}
.check > .ic{color:var(--clay);}
.check-k{font:600 15px/1.2 var(--font-body);}
.check-k small{display:block;font:700 11px/1.2 var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:2px;}
.check-v{font:800 20px/1 var(--font-head);font-variant-numeric:tabular-nums;}
.check[aria-pressed=true]{background:var(--sand);border-color:var(--pine);}
.check[aria-pressed=true] .check-box{background:var(--pine);border-color:var(--pine);color:#fff;}
.check[aria-pressed=true] .check-k,.check[aria-pressed=true] .check-v{color:var(--muted);text-decoration:line-through;}
.hinweise{margin-top:14px;display:flex;flex-direction:column;gap:6px;}
.hinweise div{display:flex;gap:8px;align-items:flex-start;font-size:var(--fs-note);}
.hinweise .ic{width:18px;height:18px;color:var(--clay);margin-top:1px;}

@media (prefers-reduced-motion:reduce){ .sheet,.sheet-backdrop{transition:none;} html{scroll-behavior:auto;} }
@media (max-width:380px){
  h1{font-size:22px;}
  .logo{height:38px;}
  .chip{font-size:12px;}
  :root{--fs-tile:24px;}
}