.legal { max-width: 760px; margin-inline: auto; padding-block: var(--space-16); }
    .legal a.back { display: inline-flex; align-items: center; gap: 0.4em; font-weight: 600; color: var(--accent); margin-bottom: var(--space-8); }
    .legal h1 { font-size: var(--step-4); margin-bottom: var(--space-3); }
    .legal .updated { color: var(--ink-45); font-size: var(--step--1); margin-bottom: var(--space-12); }
    .legal h2 { font-size: var(--step-1); margin-top: var(--space-12); margin-bottom: var(--space-4); }
    .legal p, .legal li { color: var(--ink-70); max-width: none; margin-bottom: var(--space-3); line-height: 1.7; }
    .legal ul { padding-left: 1.2em; margin-bottom: var(--space-4); }
    .legal li { margin-bottom: var(--space-2); }
    .fill { background: color-mix(in srgb, var(--accent) 16%, transparent); color: var(--accent-deep); padding: 0.05em 0.4em; border-radius: 5px; font-weight: 600; font-family: var(--font-body); }

.legal a.back.back-bottom { margin-top: var(--space-12); }