/* Shared layout for the static legal and help pages (privacy, terms, help, delete-account). */
#marketing .legal-main { max-width: 760px; margin-inline: auto; padding: 56px 0 72px; }
#marketing .legal-main h1 { font-family: var(--om-font-display); font-size: 2.7rem; letter-spacing: -.03em; line-height: 1.08; margin: 18px 0 8px; text-wrap: balance; }
#marketing .legal-main h2 { font-family: var(--om-font-display); font-size: 1.4rem; margin: 36px 0 10px; }
#marketing .legal-main h3 { font-size: 1.1rem; margin: 24px 0 8px; }
#marketing .legal-main p, #marketing .legal-main li { line-height: 1.68; color: var(--color-text-secondary); }
#marketing .legal-main ul, #marketing .legal-main ol { padding-left: 22px; display: grid; gap: 8px; }
#marketing .legal-main a { color: inherit; }
#marketing .legal-main a:hover { color: var(--color-accent); }
#marketing .legal-main .updated { font-size: 14px; color: var(--color-text-secondary); margin-bottom: 26px; }
#marketing .legal-main strong { color: var(--color-text-primary); }
#marketing .legal-main .card { border: 1px solid var(--color-border); border-radius: var(--radius-element, 10px); padding: 18px 20px; margin: 18px 0; }
#marketing .legal-main table { width: 100%; border-collapse: collapse; margin: 14px 0; font-size: 14px; }
#marketing .legal-main th, #marketing .legal-main td { border: 1px solid var(--color-border); padding: 8px 10px; text-align: left; vertical-align: top; }
#marketing .legal-main pre {
  max-width: 100%;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  padding: 12px;
  background: var(--color-background-muted);
  border-radius: var(--radius-element, 10px);
}
#marketing .legal-main :not(pre) > code { overflow-wrap: anywhere; }