@font-face {
  font-family: "Geist";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/Geist-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Geist";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/Geist-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Geist";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/Geist-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Source Serif 4";
  font-weight: 400 600;
  font-style: italic;
  font-display: swap;
  src: url("/assets/fonts/SourceSerif4-Italic.woff2") format("woff2");
}

:root {
  --color-bg:         #f5f5f5;
  --color-surface:    #ffffff;
  --color-surface-2:  #f3f4f6;
  --color-border:     #eeeeee;
  --color-border-strong: #cbd5e1;
  --color-text:       #374151;
  --color-text-muted: #6b7280;
  --color-text-subtle:#999999;
  --color-accent:     #4F46E5;
  --color-accent-hover: #6366f1;
  --color-accent-bg:  #eef2ff;
  --color-accent-bg-2:#e0e7ff;
  --color-brand:      #C8102E;
  --color-h1:         #312e81;
  --color-h2:         #4338ca;

  --color-tier-bibliothek-bg: #f0fdf4;
  --color-tier-bibliothek-bg-soft: #f7fef9;
  --color-tier-bibliothek-border: #bbf7d0;
  --color-tier-bibliothek-text: #166534;
  --color-tier-atelier-bg: #fffbeb;
  --color-tier-atelier-bg-soft: #fffdf4;
  --color-tier-atelier-border: #fde68a;
  --color-tier-atelier-text: #92400e;
  --color-tier-kabinett-bg: #fef2f2;
  --color-tier-kabinett-bg-soft: #fef8f8;
  --color-tier-kabinett-border: #fecaca;
  --color-tier-kabinett-text: #991b1b;
  --color-tier-start-bg: #f0fdf4;
  --color-tier-start-bg-soft: #f7fef9;
  --color-tier-start-border: #bbf7d0;
  --color-tier-start-text: #166534;

  --web-text-caption: 12px;
  --web-text-ui: 14px;
  --web-text-body: 16px;
  --web-text-lead: 19px;
  --web-text-h3: 23px;
  --web-text-h2: 28px;
  --web-text-h1: 33px;
  --web-leading-caption: 1.4;
  --web-leading-ui: 1.35;
  --web-leading-body: 1.6;
  --web-leading-lead: 1.55;
  --web-leading-h3: 1.3;
  --web-leading-h2: 1.22;
  --web-leading-h1: 1.18;
  --web-font-sans: "Geist";
  --web-font-serif-editorial: "Source Serif 4";
  --web-stroke-line: 1px;
  --web-stroke-line-strong: 2px;
  --web-stroke-focus: 2px;
  --web-color-separator: #b4bcc8;
  --web-color-separator-on-dark: rgba(255,255,255,0.16);
  --web-color-focus-ring: #4F46E5;
  --web-layout-content-width: 1024px;
  --web-layout-page-inset: 44px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;

  --radius-card:   4px;
  --radius-input:  4px;
  --radius-subtle: 2px;

  --shadow-subtle: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-card:   0 4px 16px rgba(0,0,0,0.08);

  --font-sans: 'Geist', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-serif-italic: 'Source Serif 4', Georgia, serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.55;
  color: var(--color-text);
  background: var(--color-bg);
  -webkit-font-smoothing: antialiased;
}

a { color: var(--color-accent); text-decoration: none; }
a:hover { color: var(--color-accent-hover); text-decoration: underline; }

.site { max-width: 960px; margin: 0 auto; padding: 0 var(--space-5); }

/* ==== Komponenten-CSS aus dem mn-design-system (UX-Welle B) ==== */
.mn-masthead {
  background: var(--color-dark-surface, #14141a);
  font-family: var(--web-font-sans, "Geist"), system-ui, sans-serif;
}
.mn-masthead__inner {
  max-width: var(--web-layout-content-width, 1024px);
  margin-inline: auto;
  padding-inline: var(--web-layout-page-inset, 44px);
}
.mn-masthead__identity {
  border-bottom: var(--web-stroke-line-strong, 2px) solid
    var(--web-color-separator-on-dark, rgba(255, 255, 255, 0.16));
}
.mn-masthead__identity-inner {
  display: flex;
  align-items: center;
  gap: var(--space-5, 20px);
  padding-block: var(--space-5, 20px);
}
.mn-masthead__emblem {
  display: inline-flex;
  align-items: center;
  padding: var(--space-2, 8px);
  border-radius: var(--radius-subtle, 2px);
  background: var(--color-light-surface, #ffffff);
}
.mn-masthead__emblem img {
  display: block;
  height: 2rem;
  width: auto;
}
.mn-masthead__emblem:focus-visible {
  outline: var(--web-stroke-focus, 2px) solid var(--web-color-focus-ring, #4F46E5);
  outline-offset: 2px;
}
.mn-masthead__brand {
  display: flex;
  flex-direction: column;
  gap: var(--space-1, 4px);
}
.mn-masthead__wordmark {
  font-family: var(--web-font-serif-editorial, "Source Serif 4"), Georgia, serif;
  font-style: italic;
  font-size: var(--web-text-lead, 19px);
  line-height: var(--web-leading-lead, 1.55);
  color: var(--color-dark-text, #f5f5f7);
}
.mn-masthead__edition {
  font-size: var(--web-text-caption, 12px);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-dark-text, #f5f5f7);
  opacity: 0.62;
}
.mn-masthead__tiers-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3, 12px);
  padding-block: var(--space-2, 8px);
}
.mn-masthead__pills {
  display: flex;
  align-items: center;
  gap: var(--space-1, 4px);
}
.mn-masthead__pill {
  display: inline-block;
  padding: var(--space-1, 4px) var(--space-3, 12px);
  border-radius: var(--radius-round, 9999px);
  font-size: var(--web-text-ui, 14px);
  font-weight: 500;
  text-decoration: none;
  color: var(--color-dark-text, #f5f5f7);
  background: transparent;
  transition: background 120ms;
}
.mn-masthead__pill:focus-visible {
  outline: var(--web-stroke-focus, 2px) solid var(--web-color-focus-ring, #4F46E5);
  outline-offset: 2px;
}
.mn-masthead__context {
  display: flex;
  align-items: center;
  gap: var(--space-2, 8px);
}
.mn-masthead__chip {
  display: inline-block;
  padding: var(--space-1, 4px) var(--space-2, 8px);
  border-radius: var(--radius-subtle, 2px);
  font-size: var(--web-text-caption, 12px);
  font-weight: 600;
  line-height: var(--web-leading-caption, 1.4);
}
.mn-masthead__chip--loading {
  color: var(--color-dark-text, #f5f5f7);
  opacity: 0.6;
  font-style: italic;
}
.mn-masthead__pill--bibliothek:not(.is-active):hover {
  background: var(--color-tier-bibliothek-hover-on-dark, rgba(187,247,208,0.5));
  color: var(--color-dark-text, #f5f5f7);
  text-decoration: none;
}
.mn-masthead__pill--bibliothek.is-active {
  background: var(--color-tier-bibliothek-bg, #f0fdf4);
  color: var(--color-tier-bibliothek-text, #166534);
}
.mn-masthead__chip--bibliothek {
  background: var(--color-tier-bibliothek-bg, #f0fdf4);
  color: var(--color-tier-bibliothek-text, #166534);
}
.mn-masthead__pill--atelier:not(.is-active):hover {
  background: var(--color-tier-atelier-hover-on-dark, rgba(253,230,138,0.5));
  color: var(--color-dark-text, #f5f5f7);
  text-decoration: none;
}
.mn-masthead__pill--atelier.is-active {
  background: var(--color-tier-atelier-bg, #fffbeb);
  color: var(--color-tier-atelier-text, #92400e);
}
.mn-masthead__chip--atelier {
  background: var(--color-tier-atelier-bg, #fffbeb);
  color: var(--color-tier-atelier-text, #92400e);
}
.mn-masthead__pill--kabinett:not(.is-active):hover {
  background: var(--color-tier-kabinett-hover-on-dark, rgba(254,202,202,0.5));
  color: var(--color-dark-text, #f5f5f7);
  text-decoration: none;
}
.mn-masthead__pill--kabinett.is-active {
  background: var(--color-tier-kabinett-bg, #fef2f2);
  color: var(--color-tier-kabinett-text, #991b1b);
}
.mn-masthead__chip--kabinett {
  background: var(--color-tier-kabinett-bg, #fef2f2);
  color: var(--color-tier-kabinett-text, #991b1b);
}
.mn-masthead__pill--start:not(.is-active):hover {
  background: var(--color-tier-start-hover-on-dark, rgba(187,247,208,0.5));
  color: var(--color-dark-text, #f5f5f7);
  text-decoration: none;
}
.mn-masthead__pill--start.is-active {
  background: var(--color-tier-start-bg, #f0fdf4);
  color: var(--color-tier-start-text, #166534);
}
.mn-masthead__chip--start {
  background: var(--color-tier-start-bg, #f0fdf4);
  color: var(--color-tier-start-text, #166534);
}
.mn-tier-chip {
  display: inline-block;
  padding: var(--space-1, 4px) var(--space-2, 8px);
  border-radius: var(--radius-subtle, 2px);
  font-family: var(--web-font-sans, "Geist"), system-ui, sans-serif;
  font-size: var(--web-text-caption, 12px);
  line-height: var(--web-leading-caption, 1.4);
  font-weight: 600;
  cursor: default;
}
.mn-tier-chip--bordered {
  border: var(--web-stroke-line, 1px) solid transparent;
}
.mn-tier-chip--loading {
  background: var(--color-light-surface-subtle, #f6f6f6);
  color: var(--color-light-text-muted, #6b7280);
  font-style: italic;
}
.mn-tier-chip--bibliothek {
  background: var(--color-tier-bibliothek-bg, #f0fdf4);
  color: var(--color-tier-bibliothek-text, #166534);
}
.mn-tier-chip--bibliothek.mn-tier-chip--bordered {
  border-color: var(--color-tier-bibliothek-border, #bbf7d0);
}
.mn-tier-chip--atelier {
  background: var(--color-tier-atelier-bg, #f0fdf4);
  color: var(--color-tier-atelier-text, #166534);
}
.mn-tier-chip--atelier.mn-tier-chip--bordered {
  border-color: var(--color-tier-atelier-border, #bbf7d0);
}
.mn-tier-chip--kabinett {
  background: var(--color-tier-kabinett-bg, #f0fdf4);
  color: var(--color-tier-kabinett-text, #166534);
}
.mn-tier-chip--kabinett.mn-tier-chip--bordered {
  border-color: var(--color-tier-kabinett-border, #bbf7d0);
}
.mn-tier-chip--start {
  background: var(--color-tier-start-bg, #f0fdf4);
  color: var(--color-tier-start-text, #166534);
}
.mn-tier-chip--start.mn-tier-chip--bordered {
  border-color: var(--color-tier-start-border, #bbf7d0);
}
.mn-sub-nav {
  background: var(--color-light-surface, #ffffff);
  border-bottom: var(--web-stroke-line, 1px) solid var(--web-color-separator, #b4bcc8);
  font-family: var(--web-font-sans, "Geist"), system-ui, sans-serif;
}
.mn-sub-nav__inner {
  max-width: var(--web-layout-content-width, 1024px);
  margin-inline: auto;
  padding: var(--space-2, 8px) var(--web-layout-page-inset, 44px);
  display: flex;
  align-items: center;
  gap: var(--space-1, 4px);
}
.mn-sub-nav__tab {
  display: inline-block;
  padding: var(--space-1, 4px) var(--space-3, 12px);
  border-radius: var(--radius-subtle, 2px);
  font-size: var(--web-text-ui, 14px);
  line-height: var(--web-leading-ui, 1.35);
  font-weight: 500;
  text-decoration: none;
  color: var(--color-light-text, #1e1b4b);
  background: transparent;
  transition: background 120ms;
}
.mn-sub-nav__tab:focus-visible {
  outline: var(--web-stroke-focus, 2px) solid var(--web-color-focus-ring, #4F46E5);
  outline-offset: 2px;
}
.mn-sub-nav--bibliothek .mn-sub-nav__tab:not(.is-active):hover {
  background: var(--color-tier-bibliothek-border, #bbf7d0);
  color: var(--color-light-text, #1e1b4b);
  text-decoration: none;
}
.mn-sub-nav--bibliothek .mn-sub-nav__tab.is-active {
  background: var(--color-tier-bibliothek-bg, #f0fdf4);
  color: var(--color-tier-bibliothek-text, #166534);
}
.mn-sub-nav--atelier .mn-sub-nav__tab:not(.is-active):hover {
  background: var(--color-tier-atelier-border, #fde68a);
  color: var(--color-light-text, #1e1b4b);
  text-decoration: none;
}
.mn-sub-nav--atelier .mn-sub-nav__tab.is-active {
  background: var(--color-tier-atelier-bg, #fffbeb);
  color: var(--color-tier-atelier-text, #92400e);
}
.mn-sub-nav--kabinett .mn-sub-nav__tab:not(.is-active):hover {
  background: var(--color-tier-kabinett-border, #fecaca);
  color: var(--color-light-text, #1e1b4b);
  text-decoration: none;
}
.mn-sub-nav--kabinett .mn-sub-nav__tab.is-active {
  background: var(--color-tier-kabinett-bg, #fef2f2);
  color: var(--color-tier-kabinett-text, #991b1b);
}
.mn-sub-nav--start .mn-sub-nav__tab:not(.is-active):hover {
  background: var(--color-tier-start-border, #bbf7d0);
  color: var(--color-light-text, #1e1b4b);
  text-decoration: none;
}
.mn-sub-nav--start .mn-sub-nav__tab.is-active {
  background: var(--color-tier-start-bg, #f0fdf4);
  color: var(--color-tier-start-text, #166534);
}
.mn-page-header {
  font-family: var(--web-font-sans, "Geist"), system-ui, sans-serif;
  margin-bottom: var(--space-6, 24px);
}
.mn-page-header__title {
  font-size: var(--web-text-h1, 33px);
  line-height: var(--web-leading-h1, 1.18);
  font-weight: 700;
  letter-spacing: -0.01em;
  margin: 0;
  color: var(--color-light-h1, #312e81);
}
.mn-page-header__lead {
  font-size: var(--web-text-lead, 19px);
  line-height: var(--web-leading-lead, 1.55);
  margin: var(--space-2, 8px) 0 0;
  color: var(--color-light-text-muted, #6b7280);
}
.mn-content-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-2, 8px);
  padding: var(--space-4, 16px);
  background: var(--color-light-surface, #ffffff);
  border: var(--web-stroke-line, 1px) solid var(--web-color-separator, #b4bcc8);
  border-radius: var(--radius-card, 4px);
  font-family: var(--web-font-sans, "Geist"), system-ui, sans-serif;
}
.mn-content-card--linked {
  position: relative;
  cursor: pointer;
}
.mn-content-card__title {
  font-size: var(--web-text-body, 16px);
  line-height: var(--web-leading-body, 1.6);
  font-weight: 700;
  margin: 0;
  color: var(--color-light-h1, #312e81);
}
.mn-content-card__link {
  text-decoration: none;
  color: inherit;
}
.mn-content-card__link::after {
  content: "";
  position: absolute;
  inset: 0;
}
.mn-content-card__link:hover {
  text-decoration: underline;
}
.mn-content-card__link:focus-visible {
  outline: var(--web-stroke-focus, 2px) solid var(--web-color-focus-ring, #4F46E5);
  outline-offset: 2px;
}
.mn-content-card__body {
  font-size: var(--web-text-ui, 14px);
  line-height: var(--web-leading-body, 1.6);
  margin: 0;
  color: var(--color-light-text-muted, #6b7280);
}
.mn-content-card--bibliothek {
  border-color: var(--color-tier-bibliothek-border, #bbf7d0);
}
.mn-content-card--atelier {
  border-color: var(--color-tier-atelier-border, #fde68a);
}
.mn-content-card--kabinett {
  border-color: var(--color-tier-kabinett-border, #fecaca);
}
.mn-content-card--start {
  border-color: var(--color-tier-start-border, #bbf7d0);
}
.mn-card-grid {
  display: grid;
  grid-template-columns: repeat(var(--mn-card-grid-cols, 3), 1fr);
  gap: var(--space-4, 16px);
}
.mn-footer {
  font-family: var(--web-font-sans, "Geist"), system-ui, sans-serif;
  margin-top: var(--space-8, 32px);
  padding-top: var(--space-4, 16px);
  border-top: var(--web-stroke-line, 1px) solid var(--web-color-separator, #b4bcc8);
}
.mn-footer__inner {
  max-width: var(--web-layout-content-width, 1024px);
  margin-inline: auto;
  padding-inline: var(--web-layout-page-inset, 44px);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--space-2, 8px) var(--space-6, 24px);
  font-size: var(--web-text-ui, 14px);
  line-height: var(--web-leading-ui, 1.35);
  color: var(--color-light-text-muted, #6b7280);
}
.mn-footer__identity,
.mn-footer__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.mn-footer__sep {
  margin: 0 var(--space-2, 8px);
  opacity: 0.5;
}
.mn-footer__link {
  color: var(--color-light-text-muted, #6b7280);
  text-decoration: none;
}
.mn-footer__link:hover {
  text-decoration: underline;
}
.mn-footer__link:focus-visible {
  outline: var(--web-stroke-focus, 2px) solid var(--web-color-focus-ring, #4F46E5);
  outline-offset: 2px;
}
.mn-footer__version {
  color: var(--color-light-text-subtle, #9ca3af);
}
.mn-empty-state {
  padding: var(--space-6, 24px) var(--space-5, 20px);
  border-radius: var(--radius-subtle, 2px);
  background: var(--color-light-surface-subtle, #f6f6f6);
  border-left: var(--web-stroke-line-strong, 2px) solid var(--web-color-separator, #b4bcc8);
  font-family: var(--web-font-sans, "Geist"), system-ui, sans-serif;
}
.mn-empty-state__message {
  margin: 0;
  font-size: var(--web-text-ui, 14px);
  line-height: var(--web-leading-ui, 1.35);
  color: var(--color-light-text-muted, #6b7280);
}
.mn-empty-state--bibliothek {
  border-left-color: var(--color-tier-bibliothek-border, #cbd5e1);
}
.mn-empty-state--atelier {
  border-left-color: var(--color-tier-atelier-border, #cbd5e1);
}
.mn-empty-state--kabinett {
  border-left-color: var(--color-tier-kabinett-border, #cbd5e1);
}
.mn-empty-state--start {
  border-left-color: var(--color-tier-start-border, #cbd5e1);
}
@media (max-width: 1024px) {
  :root { --web-layout-page-inset: 32px; }
}
@media (max-width: 640px) {
  :root {
    --web-layout-page-inset: 16px;
    --web-text-h1: 27px;
    --web-text-h2: 24px;
    --web-text-h3: 21px;
  }
}
.mn-initiale {
  font-family: var(--web-font-serif-editorial, "Source Serif 4"), Georgia, serif;
  font-style: italic;
  font-weight: 600;
  color: var(--color-light-h1, #312e81);
}
@supports (initial-letter: 2) {
  .mn-initiale {
    -webkit-initial-letter: 2;
    initial-letter: 2;
    margin-right: var(--space-2, 8px);
  }
}
@supports not (initial-letter: 2) {
  .mn-initiale {
    float: left;
    font-size: 3.1em;
    line-height: 0.82;
    margin: 0.04em var(--space-2, 8px) 0 0;
  }
}
.mn-initiale-wort {
  font-family: var(--web-font-serif-editorial, "Source Serif 4"), Georgia, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 1.3em;
  color: var(--color-light-h1, #312e81);
}

main.content { padding: var(--space-8) 0 var(--space-8); }
main.content h2 {
  font-size: 1.2rem; font-weight: 500;
  margin: var(--space-6) 0 var(--space-3);
}
main.content p { max-width: 65ch; }
main.content ul { padding-left: var(--space-5); }

.notice {
  background: var(--color-accent-bg);
  border-left: 3px solid var(--color-accent);
  padding: var(--space-4) var(--space-5);
  margin: var(--space-5) 0;
  border-radius: var(--radius-subtle);
}
.notice.warn {
  background: var(--color-tier-atelier-bg);
  border-left-color: var(--color-tier-atelier-border);
}

code, .kbd {
  font-family: var(--font-mono); font-size: 0.85em;
  background: var(--color-surface-2); padding: 1px 6px; border-radius: var(--radius-subtle);
}

/* ==== /start Cockpit (C1, cld1-S39) ==== */
.cockpit { display: grid; gap: var(--space-4); margin: var(--space-5) 0 var(--space-8); }
.cockpit-panel {
  background: var(--color-surface); border: 1px solid var(--color-border);
  border-radius: var(--radius-card); padding: var(--space-5) var(--space-6);
  box-shadow: var(--shadow-subtle);
}
.cockpit-panel h2 { margin-top: 0; }
.cockpit-date { color: var(--color-text-muted); margin-top: calc(-1 * var(--space-2)); }
.cockpit-filelist { list-style: none; padding-left: 0; margin: var(--space-3) 0; }
.cockpit-filelist li { padding: var(--space-2) 0; border-bottom: 1px solid var(--color-border); }
.cockpit-filelist li:last-child { border-bottom: none; }
.cockpit-filesize { color: var(--color-text-muted); font-size: 0.85em; }
.cockpit-hint { color: var(--color-text-subtle); font-size: 0.9em; }
@media (min-width: 720px) {
  .cockpit { grid-template-columns: 1fr 1fr; }
  .cockpit-panel:first-child { grid-column: 1 / -1; }
}

/* ==== /bibliothek/briefing Kaskade (C2, cld1-S39) ==== */
.briefing-stand { color: var(--color-text-muted); }
.briefing-toc {
  display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4);
  margin: var(--space-4) 0 var(--space-6); padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--color-border); font-size: 0.9em;
}
.briefing-toc span { color: var(--color-text-muted); }
.briefing-sektion { margin: var(--space-6) 0; }
.briefing-sektion h2 {
  border-bottom: 2px solid var(--color-accent-bg-2); padding-bottom: var(--space-1);
}
.briefing-item { border-bottom: 1px solid var(--color-border); padding: var(--space-3) 0; }
.briefing-item summary {
  cursor: pointer; font-weight: 500; color: var(--color-h2);
}
.briefing-item summary:hover, .briefing-item[open] summary { color: var(--color-accent); }
.briefing-detail { padding: var(--space-2) 0 var(--space-1) var(--space-3); }
.briefing-detail p { margin: var(--space-2) 0; max-width: 65ch; }
.briefing-quelle { font-size: 0.85em; color: var(--color-text-muted); }
.briefing-weitere-h { margin-top: var(--space-8); }

/* Schwerpunkt-Block (Phase-2 E): hervorgehobener Bericht zum dominierenden Thema */
.briefing-schwerpunkt {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-left: 3px solid var(--color-accent);
  padding: var(--space-2) var(--space-4);
  margin: var(--space-3) 0;
}
.briefing-schwerpunkt-label {
  font-size: 0.75em; font-weight: 600; letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--color-accent); margin: 0 0 var(--space-1);
}
.briefing-schwerpunkt-text { margin: 0; max-width: 65ch; }

/* Sticky TOC (bleibt beim Scrollen oben) */
.briefing-toc--sticky {
  position: sticky; top: 0; z-index: 10;
  background: var(--color-surface);
  border-bottom: 1px solid var(--color-border);
  margin-left: calc(-1 * var(--space-5)); margin-right: calc(-1 * var(--space-5));
  padding: var(--space-2) var(--space-5);
}

/* Übersicht: kurz (Anriss) im summary */
.briefing-kurz { font-weight: 400; color: var(--color-text-subtle); font-size: 0.9em; }
.briefing-mehr { font-size: 0.9em; margin-top: var(--space-3); }
.briefing-mehr a { font-weight: 500; }

/* Sektion-Seiten: Lagebild direkt sichtbar */
.briefing-item-titel { font-size: 1.05em; font-weight: 500; color: var(--color-h2); margin: var(--space-4) 0 var(--space-2); }
.briefing-mittel { max-width: 65ch; margin: 0 0 var(--space-3); }
.briefing-detail-inner summary { cursor: pointer; color: var(--color-accent); font-size: 0.9em; }
.briefing-item-sep { border: none; border-top: 1px solid var(--color-border); margin: var(--space-4) 0; }
.briefing-back { margin-bottom: var(--space-6); }