/* Notes Collected — Zusaetze, die es nur in WordPress gibt. Alles, was die Preview zeigt,
   steht unveraendert in site.css; hier stehen nur Stellen, die die Preview nicht hat:
   Admin-Leiste, Rechtsseiten, fremde Bloecke im Lesetext, Imprint/Privacy im hellen Fuss. */

/* ---- Klebender Kopf unter der Admin-Leiste (nur angemeldet) ---- */
.admin-bar header.sticky { top: 32px; }
@media (max-width: 782px) { .admin-bar header.sticky { top: 46px; } }
@media (max-width: 600px) { .admin-bar header.sticky { top: 0; } }

/* ---- Byline unter der Wortmarke (David 11.09.2026) ----
   Startseite: eigene Zeile unter der grossen Marke, im Satz der Masthead-Meta (Jost, Versal,
   weit gesperrt) — mobil wie .lp-tagline, breit wie .lp-masthead-side. Der Abstand zur Marke
   haelt die Funken frei: der unterste Funke ragt bis 11 px (mobil) bzw. 14 px unter die Marke. */
.nc-byline {
  margin-top: 14px;
  font-family: var(--ff-meta);
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(10, 13, 20, 0.75);
}
@media (min-width: 1024px) {
  .nc-byline {
    grid-column: 2;
    grid-row: 2;
    margin-top: -10px; /* Rasterabstand 28 px -> 18 px sichtbar */
    text-align: center;
    font-size: 9.5px;
    color: var(--lp-i80);
  }
}

/* Unterseiten: neben der Marke im klebenden Band. Die Marke gibt ihr mr-auto an die Byline ab,
   damit die Byline an der Marke steht und die Suche rechts bleibt. Hoehe des Bandes: unveraendert
   (die Zeile ist niedriger als die Marke und sitzt an ihrem Fuss). */
header.sticky > div > a.order-1 { margin-right: -0.25rem; }
header.sticky .nc-kopf-by {
  order: 1;
  align-self: flex-end;
  /* Die Zeilenbox des Marken-Links reicht 7 px unter die Wortmarke (Unterlaenge der
     Inline-Box); abzueglich der eigenen Unterlaenge steht die Byline mit 5 px auf der
     Grundlinie von „COLLECTED" (gemessen 11.09.2026 @390 und @1440). */
  margin: 0 auto 5px 0.85rem;
  line-height: 1;
  white-space: nowrap;
  font-size: 9px;
  letter-spacing: 0.18em;
}
@media (min-width: 640px) {
  header.sticky .nc-kopf-by { font-size: var(--t-label); letter-spacing: 0.22em; margin-left: 1.1rem; }
}
/* 768–1023 px: die Rubriken ruecken in die Zeile der Marke, neben ihr ist kein Platz mehr
   (gemessen @768: die Suche brach in eine zweite Reihe, Band 136 statt 100 px). Dort steht die
   Byline UNTER der Marke im unteren Innenabstand des Bandes — absolut, also ohne Hoehe. */
@media (min-width: 768px) and (max-width: 1023px) {
  header.sticky > div { position: relative; }
  header.sticky > div > a.order-1 { margin-right: auto; }
  header.sticky .nc-kopf-by {
    position: absolute;
    left: 2rem;
    top: calc(1.5rem + 44px + 6px);
    margin: 0;
  }
}
/* Unter 375 px wird es neben Marke und Suche eng — dann entfaellt die Zeile hier
   (auf der Startseite steht sie immer). */
@media (max-width: 374px) {
  header.sticky .nc-kopf-by { display: none; }
  header.sticky > div > a.order-1 { margin-right: auto; }
}

/* ---- Heller Fuss: Trenner zwischen Studio, Imprint, Privacy; KI-Hinweis darunter ---- */
.lp-credit .nc-trenner { margin: 0 0.7em; }
.lp-credit .nc-legal,
.lp-credit .nc-ki { display: block; margin-top: 8px; }
/* Der KI-Satz bricht ausgeglichen statt mit einem Rest („HELP OF AI.") in der zweiten Zeile. */
.nc-ki { text-wrap: balance; }

/* ---- Lesetext: Bloecke, die prosa.php nicht selbst setzt (Bild, Liste, Einbettung …) ---- */
.prose-note .nc-roh > :first-child { margin-top: 0; }
.prose-note .nc-roh ul,
.prose-note .nc-roh ol,
.nc-seite ul,
.nc-seite ol { padding-left: 1.3em; }
.prose-note .nc-roh ul,
.nc-seite ul { list-style: disc; }
.prose-note .nc-roh ol,
.nc-seite ol { list-style: decimal; }
.prose-note .nc-roh li + li,
.nc-seite li + li { margin-top: 0.4em; }
.prose-note .nc-roh figcaption,
.nc-seite figcaption {
  margin-top: 0.6rem;
  font-family: var(--ff-sans);
  font-size: var(--t-label);
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--graphite);
}
.prose-note .nc-roh a,
.nc-seite a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.22em;
  text-decoration-color: color-mix(in oklab, currentColor 35%, transparent);
  transition: text-decoration-color 0.25s ease;
}
.prose-note .nc-roh a:hover,
.nc-seite a:hover { text-decoration-color: currentColor; }
.prose-note p a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.22em; }

/* ---- Seiten (Imprint, Privacy): Satz des Essays, ohne Initial ---- */
.nc-seite > * + * { margin-top: 1.35em; }
.nc-seite h2,
.nc-seite h3 {
  font-family: var(--ff-display);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.015em;
  color: var(--ink);
}
.nc-seite h2 { font-size: var(--t-display-sm); margin-top: 2.6rem; }
.nc-seite h3 { font-size: var(--t-sub); margin-top: 2rem; }
.nc-seite strong { font-weight: 600; }
.nc-seite input[type="password"] {
  border: 1px solid var(--ink);
  padding: 0.5rem 0.75rem;
  font: inherit;
}
.nc-seite input[type="submit"] {
  margin-left: 0.5rem;
  background: var(--ink);
  color: var(--paper);
  padding: 0.55rem 1.2rem;
  font-family: var(--ff-sans);
  font-size: var(--t-label);
  letter-spacing: 0.22em;
  text-transform: uppercase;
}