/* TrainLab 3.5 (WP7): legal pages (in the app and logged out), not-advice line, delete dialog */
.legal { max-width: 760px; line-height: 1.55; }
.legal h1 { font-size: var(--fs-l); margin: var(--sp-2) 0 var(--sp-1); }
.legal h2 { font-size: var(--fs-m); margin: var(--sp-5) 0 var(--sp-2); }
.legal ul { padding-left: var(--sp-5); margin: var(--sp-2) 0; }
.legal li { margin: var(--sp-1) 0; }
.legal a { color: var(--accent-ink); }
.legal-draft { margin: 0 0 var(--sp-3); padding: var(--sp-2) var(--sp-3); border-radius: var(--radius);
  background: var(--surface); border-left: 4px solid var(--st-caution); color: var(--ink); }
.legal-page { background: var(--page); color: var(--ink); }
.legal-wrap { max-width: 808px; margin: 0 auto; padding: var(--sp-4); }
.legal-nav { margin: var(--sp-2) 0 var(--sp-3); color: var(--muted); }
.legal-nav a { color: var(--accent-ink); }
.legal-nav a[aria-current="page"] { color: var(--ink); font-weight: 600; text-decoration: none; }
.legal-links { text-align: center; color: var(--muted); }
.legal-links a { color: var(--accent-ink); }
.lg-advice { display: flex; align-items: center; gap: var(--sp-1); margin: var(--sp-2) 0 0; }
.lg-confirm { width: 100%; max-width: 240px; font-family: inherit; letter-spacing: 1px; }
.lg-empty { margin-top: var(--sp-3); }
.login-page .login-wrap { align-content: center; gap: var(--sp-3); }    /* the Privacy · Terms · About line sits under the card */