/* ═══════════════════════════════════════════════════════
   WISSENSCHAFT, Methoden, Mechanismen, Evidenz
   ═══════════════════════════════════════════════════════ */

.phone-scroll {
  position: absolute;
  inset: 0;
  z-index: 10;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  padding-top: var(--header-clearance);
  padding-bottom: 20px;
  scrollbar-width: thin;
  scrollbar-color: rgba(184,148,79,0.4) transparent;
}
.phone-scroll::-webkit-scrollbar { width: 4px; }
.phone-scroll::-webkit-scrollbar-track { background: transparent; }
.phone-scroll::-webkit-scrollbar-thumb { background: rgba(184,148,79,0.4); border-radius: 2px; }

.sci-content { padding: var(--space-lg) var(--space-md); }
.sci-content .section-tag { font-size: var(--text-sm); font-weight: 500; letter-spacing: 0.26em; text-transform: uppercase; color: var(--c-gold); margin-bottom: var(--space-sm); }
.sci-content .sci-title { font-family: var(--font-heading); font-weight: 300; font-size: var(--text-xl); line-height: 1.15; letter-spacing: -0.02em; color: var(--c-white); margin-bottom: var(--space-md); }
.sci-content .sci-title em { font-style: italic; color: var(--c-gold-light); font-weight: 400; }

/* ─── Hero-Intro (analog .sm-intro auf Geschichten) ─── */
.sci-content .sci-intro {
  font-family: var(--font-body);
  font-size: var(--text-sm);
  font-weight: 300;
  line-height: 1.65;
  color: var(--c-text-muted);
  max-width: 44ch;
  margin: 0 0 var(--space-md);
}

/* ─── Divider (Gold-Gradient, analog .sm-divider) ─── */
.sci-content .divider {
  border: none;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--c-gold) 50%,
    transparent 100%
  );
  opacity: 0.15;
  margin: var(--space-lg) 0;
}

/* ─── Methoden-Sektionen ─── */
.sci-content .sci-section { margin-bottom: var(--space-lg); }
.sci-content .sci-section h2 { font-family: var(--font-heading); font-weight: 300; font-size: var(--text-lg); line-height: 1.25; color: var(--c-white); margin-bottom: var(--space-sm); }
.sci-content .sci-section h2 em { font-style: italic; color: var(--c-gold-light); font-weight: 400; }
.sci-content .sci-section p { font-size: var(--text-md); line-height: 1.75; font-weight: 300; color: var(--c-text-muted); margin-bottom: var(--space-sm); }
.sci-content .sci-section p strong { font-weight: 400; color: var(--c-white); }
.sci-content .sci-section .sci-ref { font-size: var(--text-sm); color: var(--c-gold); font-style: italic; margin-top: var(--space-xs); }

/* ─── Five Moves Forscher-Karten ─── */
.sci-content .fm-subtitle { font-family: var(--font-heading); font-weight: 300; font-size: var(--text-lg); line-height: 1.3; color: var(--c-white); margin-bottom: var(--space-md); }
.sci-content .fm-subtitle em { font-style: italic; color: var(--c-gold-light); font-weight: 400; }

.sci-content .fm-card { background: rgba(12,18,14,0.92); border: 1px solid var(--c-border); border-radius: 16px; padding: var(--space-md); margin-bottom: var(--space-sm); }
.sci-content .fm-card__header { display: flex; align-items: center; gap: 12px; margin-bottom: var(--space-sm); }
.sci-content .fm-card__avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--c-gold); display: flex; align-items: center; justify-content: center; font-family: var(--font-body); font-size: var(--text-xs); font-weight: 600; color: var(--c-white); flex-shrink: 0; }
.sci-content .fm-card__meta { line-height: 1.3; }
.sci-content .fm-card__name { font-family: var(--font-body); font-size: var(--text-sm); font-weight: 500; color: var(--c-white); display: block; }
.sci-content .fm-card__role { font-size: var(--text-xs); color: var(--c-text-muted); font-weight: 300; }
.sci-content .fm-card__title { font-family: var(--font-heading); font-weight: 400; font-size: var(--text-md); line-height: 1.35; color: var(--c-white); margin-bottom: var(--space-xs); }
.sci-content .fm-card__finding { font-size: var(--text-sm); font-weight: 300; color: var(--c-green-pale); line-height: 1.6; }

/* ─── CTA (Pill-Buttons) ─── */
.sci-content .cta-btn { display: block; width: 100%; text-align: center; padding: 16px 28px; background: var(--c-gold); color: var(--c-dark); font-family: var(--font-body); font-size: var(--text-md); font-weight: 500; border: none; border-radius: 100px; text-decoration: none; transition: all 0.3s var(--ease); min-height: 52px; }
.sci-content .cta-btn:hover { background: var(--c-gold-light); color: var(--c-dark); }
.sci-content .cta-btn--ghost { background: transparent; border: 1px solid var(--c-gold); color: var(--c-gold); }
.sci-content .cta-btn--ghost:hover { background: var(--c-gold); color: var(--c-dark); }

/* ─── Reduced-Motion respektieren (WCAG 2.3.3) ─── */
@media (prefers-reduced-motion: reduce) {
  .footer-nav a,
  .sci-content .cta-btn,
  .sci-content .fm-card {
    transition-duration: 0.01ms !important;
  }
}