/* Seite /einwaende/ (scripts/einwaende.mjs): oben die Themen als Sprungmarken, darunter je Thema eine Erklärung und die
   Einwände als Liste. Jeder Einwand: wer und wo (Bühne · S. 11), die Aussage als Link zum Abschnitt der Rezension und
   die Antwort in einem Satz. */
.ew-themen {
  max-width: 52rem; margin: 0 auto; padding: clamp(1.75rem, 4vw, 2.5rem) max(1.25rem, env(safe-area-inset-right, 0px)) 0 max(1.25rem, env(safe-area-inset-left, 0px));
  text-align: center;
}
.ew-themen-titel { margin: 0 0 .9rem; font-family: var(--font-ui); font-size: .75rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--ink-3); }
.ew-themen ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; }
.ew-themen a {
  display: inline-flex; align-items: center; gap: .45rem; min-height: 2.6rem; padding: .45rem 1rem; border-radius: 999px;
  border: 1px solid var(--rule-strong); background: var(--sheet); color: var(--ink); text-decoration: none;
  font-family: var(--font-ui); font-size: .9rem; font-weight: 600;
}
.ew-themen a:hover { border-color: var(--gold); color: var(--gold-text); }
.ew-anzahl { min-width: 1.5rem; padding: .05rem .4rem; border-radius: 999px; background: var(--gold-tint); color: var(--gold-text); font-size: .78rem; text-align: center; }

.ew-thema {
  max-width: 52rem; margin: 0 auto; scroll-margin-top: 4.5rem;
  padding: clamp(2.75rem, 7vw, 4.5rem) max(1.25rem, env(safe-area-inset-right, 0px)) 0 max(1.25rem, env(safe-area-inset-left, 0px));
}
.ew-kopf { padding-top: 1.25rem; border-top: 2px solid var(--gold); }
.ew-titel { margin: 0; font-family: var(--font-display); font-weight: 500; font-size: clamp(1.8rem, 1.4rem + 1.6vw, 2.5rem); line-height: 1.1; }
.ew-text { max-width: 40rem; margin: .7rem 0 0; color: var(--ink-2); line-height: 1.62; }
.ew-seite { margin: .8rem 0 0; font-family: var(--font-ui); font-size: .95rem; font-weight: 600; }
.ew-seite a { display: inline-flex; align-items: center; gap: .4rem; color: var(--gold-text); text-decoration: none; }
.ew-seite a:hover .pfeil { transform: translateX(4px); }

.ew-liste { list-style: none; margin: 1.4rem 0 0; padding: 0; display: grid; gap: .75rem; }
.ew-aussage { padding: 1rem 1.15rem 1.05rem; border-radius: 14px; background: var(--sheet); box-shadow: inset 0 0 0 1px var(--rule); }
.ew-link { display: grid; gap: .2rem; color: inherit; text-decoration: none; border-radius: 6px; }
.ew-wer { font-family: var(--font-ui); font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ochre); }
.ew-satz { font-family: var(--font-ui); font-size: 1.02rem; font-weight: 600; line-height: 1.4; color: var(--ink); text-decoration: underline; text-decoration-color: var(--rule-strong); text-underline-offset: .2em; }
.ew-link:hover .ew-satz { text-decoration-color: var(--gold); color: var(--gold-text); }
.ew-antwort { margin: .55rem 0 0; font-size: 1rem; line-height: 1.6; color: var(--ink-2); hyphens: auto; -webkit-hyphens: auto; }
.ew-art { font-family: var(--font-ui); font-size: .85rem; font-weight: 700; color: var(--ink); }
.ew-antwort a { text-decoration-color: var(--gold-line); text-underline-offset: .18em; }
.artikel .ew-thema:last-of-type { padding-bottom: clamp(2.5rem, 6vw, 4rem); }