/* Legal pages of cognivoa.com. Plain, high-contrast documents in the site's own fonts and
   colours (light, and dark when the visitor's system is dark). */
@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 500 800; font-display: swap;
  src: url("/fonts/bricolage-grotesque-latin.woff2") format("woff2"); }
@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 400 600; font-display: swap;
  src: url("/fonts/public-sans-latin.woff2") format("woff2"); }

:root {
  --bg: #F4F6FA;
  --surface: #FFFFFF;
  --ink: #0B1024;
  --ink-dim: #4B5576;
  --line: #D9DFEA;
  --accent: #007A94;
  --tint: rgba(0, 122, 148, 0.07);
  --tint-line: rgba(0, 122, 148, 0.25);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #080B19; --surface: #0E1226; --ink: #E6E9F2; --ink-dim: #9AA2C0;
    --line: #1E2440; --accent: #00D0FF; --tint: rgba(0, 208, 255, 0.07); --tint-line: rgba(0, 208, 255, 0.24);
    color-scheme: dark;
  }
}

* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: "Public Sans", "Segoe UI", system-ui, sans-serif;
  font-size: 15.5px;
  line-height: 1.65;
}
.wrap {
  max-width: 760px;
  margin: 0 auto;
  padding: 32px max(16px, env(safe-area-inset-right, 0px)) 80px max(16px, env(safe-area-inset-left, 0px));
}
header.legal-head { border-bottom: 1px solid var(--line); padding-bottom: 18px; margin-bottom: 28px; }
.back { display: inline-block; color: var(--accent); text-decoration: none; font-size: 14px; margin-bottom: 14px; }
.back:hover { text-decoration: underline; }
h1, h2, h3 { font-family: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif; line-height: 1.2; }
h1 { font-size: 30px; margin: 0 0 6px; }
h2 { font-size: 19px; margin: 34px 0 10px; }
h3 { font-size: 16px; margin: 22px 0 8px; }
.sub { color: var(--ink-dim); font-size: 14px; margin: 0; }
a { color: var(--accent); }
a:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; border-radius: 4px; }
.muted { color: var(--ink-dim); font-size: 14px; }
.notice { background: var(--tint); border: 1px solid var(--tint-line); border-radius: 10px; padding: 12px 14px; font-size: 14.5px; }
.table-scroll { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; margin: 14px 0; font-size: 14.5px; }
th, td { text-align: left; padding: 9px 10px; border-bottom: 1px solid var(--line); vertical-align: top; }
th { color: var(--ink-dim); font-weight: 600; font-size: 12.5px; text-transform: uppercase; letter-spacing: 0.04em; }
footer.legal-foot { margin-top: 48px; padding-top: 18px; border-top: 1px solid var(--line); font-size: 14px; color: var(--ink-dim); }
footer.legal-foot a { margin-right: 14px; }
@media (max-width: 600px) {
  .wrap { padding-top: 20px; padding-bottom: 60px; }
  h1 { font-size: 24px; }
}