/* Shared look for the legal pages (plain, readable, house colours). */
@font-face { font-family: "Exo 2"; font-weight: 100 900; font-display: swap; src: url(/fonts/exo2-latin.woff2) format("woff2"); }
html { background: #05060f; }
body { margin: 0 auto; max-width: 760px; padding: max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 48px max(20px, env(safe-area-inset-left));
  color: #d3e6ee; font: 16px/1.6 "Exo 2", "Segoe UI", system-ui, sans-serif; }
header { display: flex; align-items: center; gap: 14px; margin-bottom: 8px; }
header img { width: 44px; height: 44px; }
header a { color: #e8fbff; text-decoration: none; font-weight: 700; letter-spacing: 0.2em; }
h1 { font-size: 28px; color: #e8fbff; margin: 18px 0 4px; }
h2 { font-size: 19px; color: #57e6ff; margin: 28px 0 6px; }
p, li { color: #c2d6de; }
a { color: #6cf9ff; }
small, .meta { color: #8796a6; font-size: 13px; }
table { border-collapse: collapse; width: 100%; font-size: 14px; margin: 8px 0; }
th, td { text-align: left; vertical-align: top; padding: 6px 8px; border-bottom: 1px solid #1c3242; }
th { color: #9fdcef; font-weight: 600; }
footer { margin-top: 40px; padding-top: 14px; border-top: 1px solid #1c3242; font-size: 14px; }
/* Phones: one card per row instead of a four-column table (no sideways scroll). */
@media (max-width: 640px) {
  table, tbody, tr, td { display: block; width: auto; }
  tr:first-child { display: none; }
  tr { padding: 10px 0; border-bottom: 1px solid #1c3242; }
  td { border: 0; padding: 2px 0; }
  td:first-child { color: #e8fbff; font-weight: 600; }
}