.legal { max-width: 680px; }
.legal .headline { font-size: clamp(34px, 6vw, 48px); }
.updated { margin-top: 12px; color: var(--dim); font-size: 14px; }
.legal .intro { margin-top: 28px; color: var(--silver); font-size: 17px; line-height: 1.6; }

.legal section { margin-top: 44px; }
.legal h2 { font-size: 20px; font-weight: 600; letter-spacing: -0.02em; }
.legal p, .legal li { color: var(--silver); font-size: 15.5px; line-height: 1.65; }
.legal p { margin-top: 12px; }
.legal ul { margin-top: 12px; padding-left: 20px; display: grid; gap: 8px; }
.legal li::marker { color: var(--dim); }
.legal strong { color: var(--white); font-weight: 500; }
.legal a { color: var(--accent); text-decoration: none; }
.legal a:hover { text-decoration: underline; }

.fill { color: var(--amber); background: color-mix(in srgb, var(--amber) 12%, transparent); padding: 1px 6px; border-radius: 5px; font-size: 0.94em; }