/* =====================================================================
   journal.philipptok.ch · das öffentliche Journal

   Eine Spalte, viel Luft, nichts zum Bedienen ausser dem einen Knopf
   am Fuss. Was hier steht, ist zum Lesen da; die Seite hat sonst keine
   Aufgabe.

   Alle Farben und Masse kommen aus tokens.css — hier steht keine
   Entscheidung über Farbe, nur über Anordnung.
   ===================================================================== */

.seite { padding-top: var(--r8); }

/* Der Kopf trägt nur die Titelzeile (23. 8. 2026). Ohne Unterzeile
   stünden Kopf-Abstand und Strom-Abstand hintereinander und rissen ein
   Loch; der Strom hält den Abstand darum allein. */
.kopf { margin-bottom: 0; }

/* Zwei Zeilen, zwei Ränge: oben der Name, darunter die Gattung — im
   Grau des Nebentextes, weil sie sagt, was das hier ist, und nicht,
   wem es gehört. Ein <span> statt eines <br>: Der Name bleibt für
   Vorlesehilfen ‹Philipp Tok Journal›, gleich wie er umbricht — das
   Leerzeichen davor steht darum in der Seite und fällt im Satz weg,
   weil der Block ohnehin umbricht. */
.kopf h1 .gattung { display: block; color: var(--ink-soft); }

/* -- Der Strom ---------------------------------------------------------
   Ein Abschnitt je Tag, darin die Einträge des Tages. Der Abstand
   zwischen zwei Tagen ist grösser als der zwischen zwei Einträgen —
   das ist die ganze Gliederung, die es braucht. */
.strom { margin-top: var(--r12); }

.tag + .tag { margin-top: var(--r16); }

.tag > h2 {
  font-size: var(--grad-fein);
  font-weight: 400;
  color: var(--ink-faint);
  line-height: var(--zeile-eng);
  padding-bottom: var(--r2);
  border-bottom: var(--linie) solid var(--rule-soft);
  margin-bottom: var(--r6);
}

.eintrag + .eintrag { margin-top: var(--r8); }

.eintrag .zeit {
  display: block;
  font-size: var(--grad-fein);
  color: var(--ink-faint);
  font-variant-numeric: tabular-nums;
  margin-bottom: var(--r2);
}

/* -- Gedanken -----------------------------------------------------------
   Die Umbrüche bleiben stehen. Was im Tagwerk als Dreizeiler getippt
   wurde, ist ein Dreizeiler — ein Journal, das Gedichte zu Absätzen
   glättet, gibt sie falsch wieder. */
.eintrag .wortlaut {
  white-space: pre-wrap;
  max-width: var(--measure);
}

/* -- Bilder -------------------------------------------------------------
   Gezeigt wird die Vorschau aus der Log-Zeile: 400 Punkte lange Kante.
   Sie wird darum nicht über ihre eigene Grösse hinaus aufgeblasen —
   ein weichgerechnetes Bild ist schlechter als ein kleines scharfes.
   Das grosse Bild bleibt im kDrive und kommt hier nicht heraus. */
.eintrag figure {
  margin: 0;
  max-width: 25rem;
}

.eintrag figure img {
  display: block;
  width: 100%;
  height: auto;
  background: var(--rule-soft);
  border-radius: var(--radius);
}

.eintrag figure figcaption {
  font-size: var(--grad-fein);
  color: var(--ink-soft);
  margin-top: var(--r2);
  max-width: var(--measure);
}

/* -- Fuss der Liste ----------------------------------------------------- */
.mehrzeile { margin-top: var(--r12); }

#stand:empty { display: none; }

.stand-fehler {
  color: var(--warn-fg);
  background: var(--warn-bg);
  border-radius: var(--radius-s);
  padding: var(--r2) var(--r3);
  display: inline-block;
}