/* legal pages and "Was ist neu": on the shared Hero language (hero.css is linked before this file) */
body { font: 400 16px/1.65 var(--body); }
main { max-width: 760px; margin: 0 auto; padding: 32px 20px 64px; }
h1 { font: 700 clamp(32px, 6vw, 44px)/1.05 var(--heading); text-transform: uppercase; letter-spacing: .01em; margin: 20px 0 16px; }
h2 { font: 600 14px/1.4 var(--heading); text-transform: uppercase; letter-spacing: .08em; color: var(--head); margin: 32px 0 8px; }
p { color: #C5CCD4; margin: 0 0 12px; }
p b, strong { color: var(--text); }
.back { display: inline-flex; align-items: center; min-height: 40px; font: 600 15px var(--heading); letter-spacing: .02em; color: var(--muted); text-decoration: none; }
@media (hover: hover) { .back:hover { color: var(--hover); } }
.todo { color: #FF9F43; }

/* the link to the other language */
.note { font-size: 14px; color: var(--muted); margin: -4px 0 18px; }

/* the Simracing Heroes wordmark above every legal page, back to the start page */
.legal-head { max-width: 760px; margin: 0 auto; padding: 20px 20px 0; }
.legal-head .wordmark { font-size: 18px; }