/* Die Wortmarke, an einer Stelle definiert.
   Jede Seite bindet diese Datei ein, statt die Werte abzuschreiben: Sonst
   sitzt das Zeichen auf einer Probe-Seite anders als auf der echten Seite,
   und genau das ist am 21.08.2026 passiert.

   Zwei Regeln stecken darin, beide gemessen, nicht geschaetzt:

   1) Zeichenhoehe = 1,90 mal Versalhoehe. Die Silhouette hat einen runden
      Kopf und einen Bogen unten, beides frisst optische Hoehe. Ein Karree
      traegt bei Faktor 1,0, diese Form nicht.

   2) Die Wortmarke sitzt 0,017em TIEFER als die Zeilenmitte.

      Der Wert haengt an der Zeilenhoehe, und genau daran ist der erste
      Anlauf gescheitert: Gemessen wurde bei geerbter Zeilenhoehe 1,6, wo
      unter den Versalien viel Reserve fuer Unterlaengen liegt, die
      SQUADRAI nicht braucht. Dort waren 0,084em nach OBEN richtig. Diese
      Datei setzt aber line-height:1, damit ist die Box genau ein em hoch,
      die Grundlinie sitzt bei 0,853em, und es bleibt fast keine Reserve.
      Der Ausgleich dreht sich dadurch um.

      Gerechnet, nicht geschaetzt: Die Glyphenmitte von SQUADRAI liegt
      0,37em ueber der Grundlinie (an echten Bildpunkten gemessen, nicht an
      der Schriftmetrik, die hier abweicht). Grundlinie 0,853em minus
      0,37em ergibt 0,483em von der Boxoberkante, die Boxmitte liegt bei
      0,5em. Differenz: 0,017em nach unten.

      Wer die Zeilenhoehe aendert, rechnet diesen Wert neu. */

.sq-marke {
  display: inline-flex;
  align-items: center;
  gap: 0.58em;                 /* bezogen auf den Schriftgrad der Wortmarke */
}

.sq-marke > svg,
.sq-marke > img {
  flex: none;
  height: 1.37em;              /* 1,90 x Versalhoehe (0,72 em) */
  width: auto;
}

.sq-marke .sq-wort {
  font-weight: 700;
  /* Der Wert der Seite, nicht ein eigener. Hier stand -0,045em, die
     Seite fuehrt -0,04em. Der Unterschied sind 0,1 Bildpunkte je
     Zeichen und damit unsichtbar, aber solange zwei Zahlen fuer
     dasselbe stehen, gibt es zwei Wahrheiten. Der Geschaeftsfuehrer
     hat am 07.09.2026 die Seite zum Massstab erklaert. */
  letter-spacing: -0.04em;
  white-space: nowrap;
  line-height: 1;
  transform: translateY(0.017em);
}

.sq-marke .sq-ai { color: var(--sq-signal, #1B3FD8); }

/* Auf dunklem Grund traegt der helle Ton, siehe MARKE.md */
.sq-marke.sq-dunkel .sq-ai { color: var(--sq-signal-hell, #7C97FF); }
