/* GriffShift „Bald online“: Seite für den Wartungsmodus. Baut auf griffshift.css und site.css auf. */
.bald-hero{max-width:860px;padding-block:var(--gs-space-12) var(--gs-space-8)}
.bald-hero h1{margin:var(--gs-space-3) 0 var(--gs-space-4);font-size:clamp(2.5rem,7vw,4.25rem);font-weight:800;line-height:1.02;letter-spacing:-.03em}
.bald-hero h1 em{font-style:normal;color:var(--gs-blue-action)}
.bald-lead{max-width:640px;margin:0;font-size:var(--gs-text-lg);line-height:1.55;color:var(--gs-muted)}

.bald-flyer{margin-top:var(--gs-space-8);padding:var(--gs-space-6);border:2px dashed var(--gs-blue);border-radius:var(--gs-radius-lg);background:var(--gs-surface)}
.bald-flyer[hidden]{display:none}
.bald-flyer__label{margin:0;font-size:var(--gs-text-sm);font-weight:600;color:var(--gs-muted)}
.bald-flyer__code{margin:var(--gs-space-1) 0 var(--gs-space-2);font-size:clamp(1.75rem,6vw,2.5rem);font-weight:700;letter-spacing:.08em}
.bald-flyer__text{margin:0;line-height:1.5}

.bald-card{border:1px solid var(--gs-line);border-radius:var(--gs-radius-lg);background:var(--gs-surface);box-shadow:0 18px 40px -28px rgba(23,38,56,.35)}
.bald-card__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--gs-space-4);padding:var(--gs-space-6) var(--gs-space-6) 0}
.bald-card__head h2{margin:0;font-size:var(--gs-text-xl)}
.bald-card__foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gs-space-2) var(--gs-space-5);margin:0;padding:0 var(--gs-space-6) var(--gs-space-6);font-size:var(--gs-text-sm);color:var(--gs-muted)}

/* Balgrichtung */
.bald-dir{display:inline-flex;padding:4px;border-radius:var(--gs-radius-pill);background:var(--gs-bg);border:1px solid var(--gs-line)}
.bald-dir__btn{min-height:40px;padding:0 var(--gs-space-5);border:0;border-radius:var(--gs-radius-pill);background:none;color:var(--gs-muted);font:inherit;font-weight:600;cursor:pointer}
.bald-dir__btn--druck[aria-pressed='true']{background:var(--gs-red-action);color:#fff}
.bald-dir__btn--zug[aria-pressed='true']{background:var(--gs-blue-action);color:#fff}

/* Tastatur ohne Tonnamen: Jeder Knopf zeigt oben Druck, unten Zug als Farbfläche, dazu die Computertaste. */
.bald-kb .hk{cursor:pointer;touch-action:none}
.bald-kb .hk__ring{overflow:hidden}
.bald-kb .hk__ring::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,var(--gs-red-tint) 0 50%,var(--gs-blue-tint) 50% 100%);opacity:1}
.bald-kb .hk--chromatic .hk__ring::after{opacity:.55}
.bald-kb .hk__ring::before{z-index:1}
.bald-kb .hk[aria-pressed='true'] .hk__ring::after{opacity:1}
.bald-kb .hk[aria-pressed='true'][data-direction='druck'] .hk__ring::after{background:linear-gradient(to bottom,var(--gs-red-action) 0 50%,var(--gs-blue-tint) 50% 100%)}
.bald-kb .hk[aria-pressed='true'][data-direction='zug'] .hk__ring::after{background:linear-gradient(to bottom,var(--gs-red-tint) 0 50%,var(--gs-blue-action) 50% 100%)}
.bald-kb .kb__label{width:72px}
.bald-legend{display:inline-flex;align-items:center;gap:var(--gs-space-2);font-weight:600;color:var(--gs-text)}
.bald-legend::before{content:'';width:14px;height:14px;border-radius:50%}
.bald-legend--druck::before{background:var(--gs-red-action)}
.bald-legend--zug::before{background:var(--gs-blue-action)}
.bald-hint{margin-left:auto}
@media(max-width:600px){.bald-kb .kb__label{width:48px}.bald-hint{display:none}}
@media(hover:none){.bald-hint{display:none}}

/* Funktionen */
.bald-features{padding-block:var(--gs-space-16) var(--gs-space-8)}
.bald-features h2,.bald-news h2{margin:0 0 var(--gs-space-2);font-size:var(--gs-text-2xl);letter-spacing:-.02em}
.bald-sub{margin:0 0 var(--gs-space-8);color:var(--gs-muted)}
.bald-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--gs-space-4);margin:0;padding:0;list-style:none}
.bald-grid li{display:flex;flex-direction:column;gap:var(--gs-space-1);padding:var(--gs-space-5);border:1px solid var(--gs-line);border-radius:var(--gs-radius-md);background:var(--gs-surface)}
.bald-grid strong{font-size:var(--gs-text-md)}
.bald-grid span{font-size:var(--gs-text-sm);line-height:1.5;color:var(--gs-muted)}
.bald-score{margin:var(--gs-space-8) 0 0;padding:var(--gs-space-5);border-radius:var(--gs-radius-lg);background:var(--gs-surface);border:1px solid var(--gs-line)}
.bald-score img{display:block;width:100%;height:auto}
.bald-score figcaption{margin-top:var(--gs-space-3);font-size:var(--gs-text-sm);color:var(--gs-muted)}

/* Newsletter */
.bald-news{padding-block:var(--gs-space-8) var(--gs-space-16)}
.bald-news__card{max-width:640px;padding:var(--gs-space-8)}
.bald-news__card>p{margin:0 0 var(--gs-space-6);color:var(--gs-muted);line-height:1.5}
.bald-form{display:grid;gap:var(--gs-space-4)}
.bald-form .gs-btn{justify-self:start}
.bald-consent{display:flex;gap:var(--gs-space-3);align-items:flex-start;font-size:var(--gs-text-sm);line-height:1.5}
.bald-consent input{flex:none;width:20px;height:20px;margin-top:1px}
.bald-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bald-msg{margin:0;font-weight:600}
.bald-msg:empty{display:none}
.bald-msg[data-art='ok']{color:var(--gs-success)}
.bald-msg[data-art='fehler']{color:var(--gs-error)}
@media(max-width:600px){.bald-news__card{padding:var(--gs-space-6)}.bald-card__head,.bald-card__foot{padding-inline:var(--gs-space-4)}}

/* Griffschrift-Anzeige über der Tastatur */
.bald-show{display:flex;align-items:center;gap:var(--gs-space-6);margin:var(--gs-space-5) var(--gs-space-6) 0;padding:var(--gs-space-2) var(--gs-space-5);border:1px solid var(--gs-line);border-radius:var(--gs-radius-md);background:var(--gs-bg)}
.bald-staff{flex:none;width:160px;height:180px}
.bald-staff .linie{stroke:var(--gs-ink,#172638);stroke-width:1.2}
.bald-staff .hilfslinie{stroke:var(--gs-ink,#172638);stroke-width:1.2}
.bald-staff .kopf{fill:currentColor;stroke:currentColor}
.bald-staff .druckstrich{fill:var(--gs-red-action)}
.bald-staff[data-dir='druck']{color:var(--gs-red-action)}
.bald-staff[data-dir='zug']{color:var(--gs-blue-action)}
.bald-show__text{display:flex;flex-direction:column;gap:var(--gs-space-1);min-width:0}
.bald-show__text strong{font-size:var(--gs-text-lg)}
.bald-show__text span{font-size:var(--gs-text-sm);line-height:1.5;color:var(--gs-muted)}
.bald-score__svg{display:block;width:100%;height:auto}
@media(max-width:600px){.bald-show{margin-inline:var(--gs-space-4);gap:var(--gs-space-4);padding-inline:var(--gs-space-3)}.bald-staff{width:120px;height:135px}}