/* Shared styling for the three public legal pages. Deliberately dependency-free: these URLs
   are pasted into App Store Connect and Play Console and must render even if the app bundle
   fails to load. Served from apps/admin/public/legal/ by nginx (docs/25 §2.4). */
:root {
  --brand: #f6a12b;
  --brand-deep: #e8712f;
  --ink: #1d2433;
  --muted: #5b6474;
  --border: #e3e6eb;
  --bg: #f7f8fa;
  color-scheme: light;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", sans-serif;
}
header {
  background: linear-gradient(135deg, #f8b13f, var(--brand) 45%, var(--brand-deep));
  color: #fff;
  padding: 34px 24px 30px;
}
header .wrap { display: flex; align-items: center; gap: 16px; }
header img { width: 56px; height: 56px; flex: none; }
header h1 { margin: 0; font-size: 27px; font-weight: 800; letter-spacing: -0.4px; }
header p { margin: 4px 0 0; opacity: 0.95; font-size: 15px; }
main { max-width: 760px; margin: 0 auto; padding: 28px 24px 72px; }
h2 { font-size: 19px; margin: 34px 0 8px; letter-spacing: -0.2px; }
h2:first-child { margin-top: 0; }
h3 { font-size: 16px; margin: 22px 0 6px; }
p, li { color: #232b3a; }
ul { padding-left: 22px; }
li { margin: 5px 0; }
a { color: var(--brand-deep); }
table { border-collapse: collapse; width: 100%; margin: 12px 0; font-size: 15px; }
th, td { border: 1px solid var(--border); padding: 9px 11px; text-align: left; vertical-align: top; }
th { background: #fff7ea; font-weight: 700; }
.note {
  background: #fff;
  border: 1px solid var(--border);
  border-left: 4px solid var(--brand);
  border-radius: 10px;
  padding: 14px 16px;
  margin: 18px 0;
}
.meta { color: var(--muted); font-size: 14px; }
footer { border-top: 1px solid var(--border); margin-top: 44px; padding-top: 18px; font-size: 14px; color: var(--muted); }
footer a { margin-right: 14px; }
@media (max-width: 520px) {
  header { padding: 26px 18px 22px; }
  header h1 { font-size: 22px; }
  main { padding: 22px 18px 56px; }
  table, th, td { font-size: 14px; }
}
