:root {
  --navy: #142033;
  --navy-2: #1c2e49;
  --ink: #17202b;
  --muted: #4d5c6d;
  --line: #d4cec3;
  --input-line: #b7b1a6;
  --paper: #efeae2;
  --card: #fbfaf7;
  --accent: #1d4e89;
  --accent-2: #e7eef6;
  --good: #0d6840;
  --good-bg: #e6f3eb;
  --warn: #8a5a12;
  --warn-bg: #f8efd9;
  --bad: #8d2424;
  --bad-bg: #f8e7e4;
  --focus: #1d4e89;
  --shadow: none;
  --sidebar: 248px;
  --radius: 4px;
  --control: 44px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color-scheme: light;
}

* { box-sizing: border-box; }
html { font-size: 16px; }
body {
  margin: 0;
  font-family: var(--font);
  color: var(--ink);
  background: var(--paper);
  line-height: 1.5;
}
img { max-width: 100%; }
button, input, select, textarea { font: inherit; color: inherit; }
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}
legend {
  padding: 0;
  margin: 0 0 var(--space-2);
  font-weight: 600;
}
h1, h2, h3 { line-height: 1.25; margin: 0 0 var(--space-2); font-weight: 600; }
h1 { font-size: 1.625rem; }
h2 { font-size: 1.125rem; }
h3 { font-size: 1rem; }
p { margin: 0 0 var(--space-3); }
a { color: var(--accent); }
a:hover { text-decoration: none; }
.skip {
  position: absolute;
  left: var(--space-2);
  top: -3rem;
  background: white;
  padding: var(--space-2) var(--space-3);
  z-index: 5;
}
.skip:focus { top: var(--space-2); }