/* ============================================================
   Untertext-Seiten (Vertiefungsbeiträge) — Ergänzung zu style.css
   Ergänzende Gestaltung für Fachbeiträge.
   ============================================================ */


/* Fließtext der Vertiefungsbeiträge */
.untertext-body p { max-width: var(--measure); }
.untertext-body ul, .untertext-body ol { max-width: var(--measure); padding-left: 1.3rem; }
.untertext-body blockquote {
  margin: 1.6rem 0;
  padding: .2rem 0 .2rem 1.2rem;
  border-left: 3px solid var(--nr-fine);
  font-family: var(--serif);
  font-size: 1.12rem;
  color: var(--ink-soft);
  max-width: var(--measure);
}
.untertext-body h2 { scroll-margin-top: 2rem; }

/* Fundstellen-Kasten am Ende jedes Beitrags */
.fundstellen {
  border-top: 2px solid var(--ink);
  margin-top: 2.6rem;
  padding-top: .9rem;
  font-size: .92rem;
}
.fundstellen h2 {
  font-family: var(--sans);
  font-size: .82rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--ink-soft);
  margin: 0 0 .8rem;
}
.fundstellen ul { list-style: none; padding: 0; margin: 0; }
.fundstellen li { margin-bottom: .55rem; line-height: 1.6; }

/* Navigation zwischen Rubrik und Untertexten */
.untertext-nav {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .6rem 1.5rem;
  border-top: 1px solid var(--line);
  margin-top: 2.6rem;
  padding-top: 1.1rem;
  font-size: .92rem;
}
.untertext-nav a { text-decoration: none; }
.untertext-nav a:hover { text-decoration: underline; }

/* Weiterführende Links im Fließtext (extern markiert) */
a[rel~="noopener"]::after { content: ''; }

/* Kompakte Teaserliste der Untertexte auf der Rubrikseite */
.untertext-liste { list-style: none; padding: 0; margin: 0; }
.untertext-liste li { border-top: 1px solid var(--line); padding: 1.1rem .4rem; }
.untertext-liste li:last-child { border-bottom: 1px solid var(--line); }
.untertext-liste a.titel {
  font-family: var(--serif);
  font-size: 1.18rem;
  color: var(--ink);
  text-decoration: none;
  display: inline-block;
  margin-bottom: .25rem;
}
.untertext-liste a.titel:hover { color: var(--stamp); }
.untertext-liste p { margin: 0; color: var(--ink-soft); font-size: .95rem; max-width: 60ch; }
.untertext-liste .status-tag { margin-left: .5rem; }