/* page-form.css — Legal- & Formular-Template
 * Voraussetzung: site.css
 * Provides: prose-legal layout for impressum, datenschutz, simple content pages.
 */

article.legal{max-width:780px;margin:0 auto;padding:32px 24px 80px;font-size:16px;line-height:1.75;color:var(--ink-soft)}
article.legal h2{font-family:'Inter',sans-serif;font-weight:500;font-size:clamp(22px,2.6vw,30px);line-height:1.2;letter-spacing:-.02em;margin:48px 0 14px;color:var(--ink)}
article.legal h2:first-of-type{margin-top:0}
article.legal h3{font-family:'Inter',sans-serif;font-weight:500;font-size:18px;line-height:1.3;letter-spacing:-.01em;margin:32px 0 10px;color:var(--ink)}
article.legal p{margin:0 0 16px;max-width:64ch}
article.legal p strong{color:var(--ink);font-weight:600}
article.legal a,article.legal .inline-link{color:inherit;border-bottom:1px solid var(--accent);text-decoration:none;transition:background .2s;padding-bottom:1px;word-break:break-word}
article.legal a:hover,article.legal .inline-link:hover{background:var(--accent-soft)}
article.legal ul{padding-left:0;margin:0 0 16px;list-style:none}
article.legal ul li{padding-left:22px;position:relative;margin-bottom:8px;font-size:15px}
article.legal ul li::before{content:"";position:absolute;left:6px;top:11px;width:8px;height:1px;background:var(--accent)}
article.legal hr{border:none;border-top:1px solid var(--rule);margin:32px 0}