/* Operian OS — Die Marke heißt „vilo". Ohne Untertitel.
 *
 * Vorgabe Betreiber (2026-09-11): unter der Wortmarke steht nichts mehr — kein
 * „Gastro System", auch kein Ersatzwort. macOS und Windows erklären auf ihrem
 * Anmeldeschirm ebenfalls nicht, was sie sind; und ein Branchenwort auf einer
 * White-Label-Fläche behauptet ohnehin etwas über den Betrieb dahinter.
 *
 * ═══ WARUM CSS UND NICHT DER KERNEL ═══
 *
 * Die Zeile ist ein EIGENES Element (ein <p> neben der <h1> im Kopf des
 * Sperrbildschirms) — hier reicht also eine Regel, und eine Regel überlebt
 * jeden React-Re-Render. Ein JS-Griff müsste nach jedem Rendern neu zugreifen
 * und wäre für genau ein Wort ein zweiter Mechanismus mit eigenem Takt.
 * Die zwei Versionszeilen des Bundles („VILO Gastro System v1.0") sind der
 * andere Fall: dort steht der Name INNERHALB eines Satzes, und einen
 * Teilstring kann CSS nicht ändern — das erledigt `markeVersion()` in
 * assets/kernel.js. Eine Zusage, zwei Werkzeuge, jedes für das, was es kann.
 *
 * ═══ DER UNTERTITEL WAR TRAGEND — GEMESSEN ═══
 *
 * `index.html` erkannte den Sperrbildschirm an genau diesem Wort:
 * `/Gastro System/i.test(document.body.innerText)`. `display:none` nimmt den
 * Text auch aus `innerText` — mit dem Untertitel wäre also „Betrieb wechseln"
 * verschwunden, und zwar der Knopf, mit dem ein Gerät überhaupt erst den
 * Betrieb wechselt. Deshalb steht dort jetzt der STRUKTURELLE Anker (die
 * Konten-Reihe), nicht mehr ein gerendertes Wort. Allgemein: ein Text ist
 * keine Zustandsquelle — wer ihn ändert, ändert sonst Verhalten, das niemand
 * mit der Textänderung in Verbindung bringt.
 *
 * Anker (Quell-Audit gegen den eingefrorenen Bundle):
 *   .desktop-bg.justify-center   Lock-Root; `justify-center` trägt NUR er (der
 *       OS-Desktop ist `desktop-bg relative overflow-hidden …`).
 *   .mb-12.text-center           der Kopf mit Wortmarke und Untertitel. Er wird
 *       nur in der Konto-Auswahl gerendert (`{!t && …}`), in der PIN-Ansicht
 *       gibt es ihn gar nicht.
 *
 * Gepinnt durch mockups/tests/marke-ohne-untertitel.test.js.
 */

/* Die Zeile selbst. `display:none` statt `visibility:hidden`: sie soll auch
   nicht vorgelesen werden und keinen Platz halten. */
.desktop-bg.justify-center .mb-12.text-center > p {
  display: none;
}

/* Der Abstand darunter wird ausgeglichen. Der Kopf trägt 48px (`mb-12`), der
   entfallende Untertitel nahm 8px Vorlauf plus seine Zeile mit — ohne
   Ausgleich rückte die Konten-Reihe entsprechend nach oben und der Kopf stünde
   nicht mehr über der Mitte, sondern daneben. Der Wert ist gemessen, nicht
   geschätzt: er ersetzt exakt die Höhe, die die Zeile belegt hat. */
.desktop-bg.justify-center .mb-12.text-center {
  margin-bottom: 76px;
}