:root {
  --font: "Open Sans", sans-serif;
  --font-display: "Prompt", "Open Sans", sans-serif;
  --text: #4a4a4a;
  --heading: #1c1c1c;
  --navy: #030924;
  --teal: #5fc3b2;
  --teal-deep: #178f86;
  --cyan: #38bad6;
  --gold: #fcad08;
  --bg: #ffffff;
  --muted: #f4f4f4;
  --line: #e6e6e6;
  --container: 1170px;
  --header-h: 108px;
}

html { font-size: 16px; }

body {
  margin: 0;
  font-family: var(--font);
  font-size: 14px;
  line-height: 1.7;
  color: var(--text);
  background: var(--bg);
}

img { max-width: 100%; height: auto; }

a { color: inherit; }

.container {
  width: min(var(--container), calc(100% - 32px));
  margin-inline: auto;
}

.skip-link {
  position: absolute;
  left: 8px;
  top: -40px;
  background: #fff;
  padding: 8px 12px;
  z-index: 100;
}

.skip-link:focus { top: 8px; }