/* The three legal pages. Plain, readable, printable. Nobody enjoys reading
   these, so the least we can do is set them at a comfortable measure and not
   make them fight for attention. Light only, same reasoning as funnel.css. */
:root {
  color-scheme: light;
  --blue: #0062b0;
  --ink: #12181D;
  --text: #3A4750;
  --muted: #667581;
  --bg: #FFFFFF;
  --line: #DFE6EA;
  --font: 'Roboto', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --display: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 400 16.5px/1.65 var(--font);
  -webkit-font-smoothing: antialiased;
}
.doc {
  max-width: 68ch;
  margin: 0 auto;
  padding: 40px 22px 80px;
}
.home {
  display: inline-block;
  margin-bottom: 26px;
  font-family: var(--display);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--blue);
  text-decoration: none;
}
.home:hover { text-decoration: underline; }
h1 {
  margin: 0 0 6px;
  font-family: var(--display);
  font-size: clamp(1.8rem, 6vw, 2.4rem);
  font-weight: 700;
  line-height: 1.12;
  color: var(--ink);
  text-wrap: balance;
}
.updated { margin: 0 0 32px; font-size: 14px; color: var(--muted); }
h2 {
  margin: 34px 0 0;
  padding-top: 16px;
  border-top: 1px solid var(--line);
  font-family: var(--display);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--ink);
  text-wrap: balance;
}
p { margin: 12px 0 0; }
ul { margin: 12px 0 0; padding-left: 22px; }
li { margin: 8px 0 0; }
li::marker { color: var(--blue); }
strong { color: var(--ink); }
a { color: var(--blue); text-underline-offset: 2px; }
a:focus-visible { outline: 3px solid var(--blue); outline-offset: 2px; }
footer {
  margin-top: 48px;
  padding-top: 22px;
  border-top: 2px solid var(--ink);
  font-size: 14.5px;
  color: var(--muted);
}
footer .links { margin-top: 10px; }
@media print {
  .home { display: none; }
  body { font-size: 11pt; }
}