/* Shared look of the standalone legal pages (privacy, terms, data deletion):
   one readable column, a Malay / English switch, and plain tables. */
:root {
  --legal-ink: #1a1a1a;
  --legal-muted: #5a5a5a;
  --legal-line: #d9dde3;
  --legal-tint: #f0f4ff;
  --legal-accent: #1877f2;
  --legal-space-s: 8px;
  --legal-space-m: 16px;
  --legal-space-l: 24px;
  --legal-space-xl: 40px;
  --legal-radius: 8px;
}

body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; max-width: 820px; margin: 0 auto; padding: var(--legal-space-xl) var(--legal-space-l); color: var(--legal-ink); line-height: 1.7; }
h1 { font-size: 2rem; margin-bottom: 4px; }
h2 { font-size: 1.2rem; margin-top: 36px; }
h3 { font-size: 1.05rem; margin-top: var(--legal-space-l); }
p, li, td, th { font-size: 1rem; }
ul, ol { padding-left: var(--legal-space-l); }
a { color: var(--legal-accent); }
.date { color: var(--legal-muted); font-size: 0.9rem; margin-bottom: var(--legal-space-l); }
.card { background: var(--legal-tint); padding: var(--legal-space-m) var(--legal-space-l); border-radius: var(--legal-radius); margin: var(--legal-space-l) 0; }
.card p { margin: 0; }
.table-wrap { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; margin: var(--legal-space-m) 0; }
th, td { text-align: left; vertical-align: top; padding: var(--legal-space-s); border-bottom: 1px solid var(--legal-line); }
th { font-size: 0.9rem; color: var(--legal-muted); }

/* Language switch: one button per language, the pressed one filled. */
.lang-switch { display: flex; gap: var(--legal-space-s); margin-bottom: var(--legal-space-l); }
.lang-switch button { font: inherit; font-size: 0.9rem; padding: 6px 14px; border: 1px solid var(--legal-accent); border-radius: 999px; background: none; color: var(--legal-accent); cursor: pointer; }
.lang-switch button[aria-pressed="true"] { background: var(--legal-accent); color: #fff; }
.lang-switch button:focus-visible { outline: 2px solid var(--legal-ink); outline-offset: 2px; }