/* Perkroo legal pages — calm + clear, matching the app's design language. */
:root {
  --brand: #185fa5;
  --brand-dark: #0c447c;
  --ink: #1a1a1a;
  --ink-2: #5a5a5a;
  --line: #ececec;
  --bg: #ffffff;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.wrap { max-width: 720px; margin: 0 auto; padding: 40px 22px 80px; }
header a { color: var(--brand); text-decoration: none; font-weight: 600; font-size: 14px; }
h1 { font-size: 28px; line-height: 1.2; margin: 18px 0 4px; letter-spacing: -0.01em; }
.updated { color: var(--ink-2); font-size: 13px; margin: 0 0 28px; }
h2 { font-size: 19px; margin: 34px 0 10px; }
p, li { color: var(--ink); font-size: 15.5px; }
li { margin: 6px 0; }
ul { padding-left: 22px; }
strong { font-weight: 650; }
a { color: var(--brand); }
table { border-collapse: collapse; width: 100%; font-size: 14.5px; margin: 12px 0; }
th, td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--line); vertical-align: top; }
th { font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--ink-2); }
footer { margin-top: 56px; padding-top: 18px; border-top: 1px solid var(--line); color: var(--ink-2); font-size: 13px; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #101418; --ink: #e8ecf0; --ink-2: #9aa7b2; --line: #26303a; --brand: #7fb3e3; --brand-dark: #b5d4f4; }
}