/* edda · Rechtliches (impressum.html, datenschutz.html)
   Nur Ergänzungen zu styles.css und pages.css. Klassen mit Präfix rc-. */

.rc-hero.phero { padding-bottom: 40px; }
.rc-hero .display { font-size: clamp(40px, 4.4vw, 64px); hyphens: manual; overflow-wrap: break-word; }

.rc-body { padding-block: 24px 120px; }
.rc-doc { max-width: 46em; display: flex; flex-direction: column; gap: 48px; }
.rc-sec { display: flex; flex-direction: column; gap: 16px; padding-top: 28px; border-top: 1px solid var(--border); }
.rc-sec__n { font-family: var(--mono); font-size: 12px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent-800); }
.rc-sec p, .rc-sec li { font-size: 17px; line-height: 1.6; color: var(--text); text-wrap: pretty; }
.rc-sec ul { display: flex; flex-direction: column; gap: 10px; padding: 0; list-style: none; }
.rc-sec li { position: relative; padding-left: 22px; }
.rc-sec li::before { content: ""; position: absolute; left: 0; top: 0.62em; width: 8px; height: 8px; background: var(--border-2); }
.rc-sec a { color: var(--accent-800); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; overflow-wrap: anywhere; }
@media (hover: hover) { .rc-sec a:hover { color: var(--accent-900); text-decoration-thickness: 2px; } }

/* Schlüssel-Wert-Liste wie im Inspektor */
.rc-kv { display: grid; grid-template-columns: minmax(0, 11em) minmax(0, 1fr); margin: 0; border-top: 1px solid var(--inset); }
.rc-kv dt, .rc-kv dd { padding: 12px 0; border-bottom: 1px solid var(--inset); }
.rc-kv dt { font-family: var(--mono); font-size: 12px; line-height: 1.7; color: var(--text-3); }
.rc-kv dd { margin: 0; font-size: 17px; line-height: 1.5; color: var(--ink); overflow-wrap: anywhere; }

.rc-stand { font-family: var(--mono); font-size: 12px; letter-spacing: 0.08em; color: var(--text-3); }

@media (max-width: 640px) {
  .rc-hero .display { font-size: clamp(30px, 8.2vw, 40px); }
  .rc-body { padding-bottom: 80px; }
  .rc-kv { grid-template-columns: minmax(0, 1fr); }
  .rc-kv dt { padding: 12px 0 0; border-bottom: 0; }
  .rc-kv dd { padding: 0 0 12px; }
}