/* RadZipfel — Stylesheet-Einstiegspunkt */
@import url("tokens.css");
@import url("reset.css");
@import url("layout.css");
@import url("kompass.css");
@import url("components.css");
@import url("gallery.css");

/* ---------- Page-spezifische Utilities ---------- */
.prose { max-width: 68ch; color: var(--text-secondary); }
.prose p + p { margin-top: var(--space-2); }
.prose h2 { color: var(--text-primary); font-size: var(--fs-xl); margin-top: var(--space-5); margin-bottom: var(--space-1); }
.prose strong { color: var(--text-primary); }

.split {
  display: grid;
  gap: var(--space-4);
  grid-template-columns: 1fr;
}
@media (min-width: 900px) { .split { grid-template-columns: 1fr 1fr; align-items: center; } }

.figure-card {
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--border-subtle);
  background: var(--bg-surface);
}
.figure-card img { width: 100%; height: auto; }
.figure-card figcaption { padding: var(--space-2); color: var(--text-muted); font-size: var(--fs-2xs); }