/* Neue Inhalte verwenden die vorhandenen Beckenbuch-Komponenten und Farben. */
.rv-section { scroll-margin-top: calc(var(--nav-h) + 1rem); }
.rv-overview { padding-block: 2rem; border-bottom: 1px solid var(--line-dark); }
.rv-overview dl { display: grid; grid-template-columns: 1fr 1.3fr 1fr; gap: 2rem; margin: 0; }
.rv-overview dt { color: var(--gold); font-weight: 600; margin-bottom: .4rem; }
.rv-overview dd { margin: 0; color: var(--muted-dark); }
.rv-intro > p { max-width: var(--measure); color: var(--muted-dark); }
.rv-steps { padding: 0; list-style: none; counter-reset: schritt; }
.rv-steps li { counter-increment: schritt; }
.rv-steps h3::before { content: counter(schritt) '. '; color: var(--gold); }
.rv-steps p { max-width: 36ch; }
.rv-start-layout > div > p, .rv-start-layout > div > a { color: var(--muted-dark); }
.rv-start-form { min-width: 0; border: 1px solid var(--line-dark); border-radius: var(--radius); padding: 1.5rem; background: var(--glass); }
.rv-field { margin-bottom: 1.5rem; }
.rv-field label { display: block; margin-bottom: .5rem; font-weight: 600; }
.rv-field input, .rv-field select { width: 100%; min-height: 48px; color: var(--text); background: var(--paper); border: 1px solid var(--gold-dim); border-radius: 10px; padding: .65rem .75rem; }
.rv-field small { display: block; margin-top: .5rem; color: var(--muted-dark); font-size: .875rem; }
.rv-form-note, .rv-sample-foot { font-size: .875rem; color: var(--muted-dark); }
.rv-result-layout { display: grid; grid-template-columns: 1.1fr .9fr; gap: 2rem; align-items: start; }
.rv-sample { color: var(--text-dark); background: var(--deep); }
.rv-sample h3 { font-size: 1.75rem; }
.rv-sample-context { font-size: .9375rem; color: var(--muted-dark); }
.rv-sample dl { margin: 1.5rem 0; }
.rv-sample dl > div + div { border-top: 1px solid var(--line-dark); padding-top: 1rem; margin-top: 1rem; }
.rv-sample dt { font-weight: 600; color: var(--gold); }
.rv-sample dd { margin: .35rem 0 0; }
.rv-fit p { max-width: var(--measure); color: var(--muted-dark); }
.rv-faq { max-width: var(--measure); margin-top: 2rem; }
.rv-faq details { border-top: 1px solid var(--line); }
.rv-faq details:last-child { border-bottom: 1px solid var(--line); }
.rv-faq summary { padding: 1.15rem 0; cursor: pointer; font-weight: 600; }
.rv-faq details p { margin: 0 0 1.5rem; }
.rv-final p { max-width: 60ch; color: var(--muted-dark); }
.rv-final .rv-final-note { font-size: .875rem; margin-bottom: 0; }
@media (max-width: 800px) {
  .rv-overview dl, .rv-result-layout { grid-template-columns: 1fr; gap: 1.5rem; }
  .rv-overview dl { gap: 1rem; }
  .rv-overview dl > div { display: grid; grid-template-columns: 8rem 1fr; gap: 1rem; }
  .rv-steps p { max-width: var(--measure); }
}
@media (max-width: 420px) {
  .rv-overview dl > div { grid-template-columns: 1fr; gap: .25rem; }
  .rv-start-layout, .rv-start-form { padding: 1.2rem; }
}