/* rahmen.css – Rahmen der Übungswelt auf szudarek.com (Ort «szudarek», Runde 7, 08.10.2026).
   Nur Rahmen: Farb- und Schriftwerte für den Inhalt (basis.css, lernen.css bleiben byte-gleich zum Mitgliederbereich),
   Mikrofon-Pille, Abstimmung mit /assets/partitur.css. Werte aus /assets/tokens.css (Navy, Messing, Elfenbein, Slate). */

body.ort-szudarek{
  --nacht:#0B1F33; --nacht-2:#16304a; --holz:#536B80; --holz-dunkel:#0B1F33;
  --abend:#C39A5B; --orange:#8a6a35; --abend-hell:#EDE3D0; --papier:#F4F2ED; --sand:#EAE6DE;
  --text:#0B1F33; --leise:#4A5F72; --linie:#808890;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Public Sans",system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --breite:75rem; --rand:clamp(16px,4vw,32px);
}
/* Kopf der Website steht nicht klebend; Sprungmarken brauchen keinen Abstand für einen Glas-Kopf */
html{scroll-padding-top:12px}
body.ort-szudarek{background:var(--papier)}

/* Mikrofon-Status in der Werkzeile: seite.js setzt body.mikro-an, solange das Mikrofon läuft */
.uw-mic .uw-mic-an{display:none}
body.mikro-an .uw-mic .uw-mic-aus{display:none}
body.mikro-an .uw-mic .uw-mic-an{display:inline}
body.mikro-an .pt-pille-status.uw-mic{border-color:var(--messing,#C39A5B);color:var(--elfenbein,#F4F2ED)}
body.mikro-an .pt-pille-status.uw-mic::before{background:var(--messing,#C39A5B);border-color:var(--messing,#C39A5B)}

/* Fussbereich und Bänder der Übungswelt über der Leiste unten */
body.ort-szudarek .pause-band{bottom:calc(var(--pt-leiste,64px) + env(safe-area-inset-bottom,0px))}
body.ort-szudarek.pausiert{padding-bottom:calc(var(--pt-leiste,64px) + 7rem)}

/* Ein Radius wie im Rahmen (4 px) für Knöpfe der Übungswelt */
body.ort-szudarek .knopf,body.ort-szudarek .knopf-rand,body.ort-szudarek .knopf-hell{border-radius:var(--pt-radius,4px)}

/* Gesundheits- und Mikrofon-Hinweis auf der Startseite */
.lw-gesund{margin:0 0 1.4rem}
.lw-gesund p:last-child{margin-bottom:0}

/* Werktitel als Ziel ≥ 44 px, ohne die Werkzeile zu erhöhen */
.pt-werk-titel a{display:inline-block;padding:12px 0;margin:-12px 0}
/* Handy: Titel und Pillen in einer Zeile (Kopf bis Inhalt ≤ 210 px) */
@media (max-width:640px){
  body.ort-szudarek .pt-werk-in{flex-wrap:nowrap}
  body.ort-szudarek .pt-werk-titel{font-size:18px}
  body.ort-szudarek .pt-pillen{flex-wrap:nowrap;gap:6px}
  body.ort-szudarek .pt-pille{padding:0 10px;font-size:11.5px;letter-spacing:.02em}
  body.ort-szudarek .pt-pille-status{gap:6px}
}
@media (max-width:359px){body.ort-szudarek .pt-werk-in{flex-wrap:wrap}}

/* Ziele ≥ 44 px – nur im öffentlichen Rahmen; das Inhalt-CSS (basis.css, lernen.css) bleibt byte-gleich zum Mitgliederbereich */
body.ort-szudarek .knopf,body.ort-szudarek .knopf-rand,body.ort-szudarek .knopf-hell,body.ort-szudarek .rh-reiter-knopf{min-height:44px}
body.ort-szudarek select,body.ort-szudarek input[type=number],body.ort-szudarek input[type=text]{min-height:44px}
body.ort-szudarek input[type=range]{height:44px;margin-top:0;margin-bottom:0}
body.ort-szudarek details > summary{padding-top:9px;padding-bottom:9px}
body.ort-szudarek details.th-eintrag > summary{padding-top:.85rem;padding-bottom:.85rem}
body.ort-szudarek .check{min-height:44px;align-items:center}
body.ort-szudarek .check input{margin-top:0}
body.ort-szudarek .lw-wahl,body.ort-szudarek label.rh-sprechwahl{min-height:44px;align-items:center}
body.ort-szudarek .knopf-link,body.ort-szudarek a.lw-strang-karte,body.ort-szudarek a.lw-heute-ohne,body.ort-szudarek a.pfeil{display:inline-flex;align-items:center;min-height:44px}
body.ort-szudarek .ue-links a,body.ort-szudarek .gn-links a,body.ort-szudarek p.leise > a[href="lernweg.html"]:only-child,body.ort-szudarek p.klein > a[href^="theorie.html#"]:only-child{display:inline-flex;align-items:center;min-height:44px}
/* Kompetenzkarte 760–880 px: Zellen dürfen schrumpfen (sonst seitliches Scrollen bei 768 px; Befund gilt auch im Mitgliederbereich) */
@media (min-width:760px){
  body.ort-szudarek .kk-zelle li,body.ort-szudarek .kk-f,body.ort-szudarek .kk-text{min-width:0}
  body.ort-szudarek .kk-titel,body.ort-szudarek .kk-info{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}
}
/* Breite Seiten (Kompetenzkarte) auf die Bühne des Rahmens (1200 px) ausrichten */
body.ort-szudarek .spalte.breit{max-width:var(--breite)}
/* Nachbesserung Gegenprobe F4: Ziele auch ≥ 44 px breit */
body.ort-szudarek .lw-wahl,body.ort-szudarek a.lw-strang-karte,body.ort-szudarek .ue-links a,body.ort-szudarek .gn-links a,body.ort-szudarek a.lw-heute-ohne{min-width:44px;justify-content:center}
body.ort-szudarek .lw-wahl > span,body.ort-szudarek .lw-wahl{text-align:center}
/* Nachbesserung F4a: «Heute ohne Horn üben» / «Doch mit Horn üben» im Player (ueben.html) */
body.ort-szudarek a.ue-ohne-horn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}