.legal .card { gap: 10px; }
.legal .card h3 { margin: 6px 0 0; font-size: 16px; color: var(--ink); }
.legal .card ul { margin: 0; padding-left: 1.2em; display: grid; gap: 7px; font-size: 15px; color: var(--ink-dim); }
.legal .card p { margin: 0; font-size: 15px; color: var(--ink-dim); }
.legal .card strong { color: var(--ink); }
.legal a { color: var(--gold); }
.crumb { margin: 0; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-dim); }
.crumb a { color: var(--gold); text-decoration: none; }
.legal .card .row { display: flex; gap: 8px; }
.legal .card .row input { flex: 1; min-width: 0; }
.legal .card .check { display: flex; gap: 10px; align-items: center; font-weight: 700; font-size: 15px; cursor: pointer; color: var(--ink); }
.legal .card .btn.primary { display: inline-block; text-decoration: none; }
.toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); margin: 0; padding: 10px 16px; border-radius: 10px; background: var(--ink); color: var(--stage); font-weight: 700; font-size: 15px; z-index: 50; }