/* typography.css */
body {
  font: 400 14px system-ui, sans-serif;
  color: #333;
  font-stretch: extra-condensed;
}

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

/* Headings */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: 1.4;
  font-weight: 400;
  color: #111;
}

h1, .h1 { font-size: 35px; color: #000; }
h2, .h2 { font-size: 26px; }
h3, .h3 { font-size: 22px; font-weight: 350; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 15px; }
h6, .h6 { font-size: 10px; }

/* Paragraphs and text blocks */
p {
  margin-block-start: 0.8em;
  margin-block-end: 0.8em;
}

/* Utility spacing */
.pspacer { line-height: 44px; }
.hspacer { line-height: 0.65; }
.sspacer { line-height: 0.45; }
.fspacer { line-height: 70px; }

/* Font style utilities */
.font-alt {
  font-family: system-ui, sans-serif;
  text-transform: uppercase;
}

.font-lc {
  text-transform: lowercase;
}

.vizlink {
  font-family: system-ui, sans-serif;
  text-decoration: underline;
}

.vizlink:hover,
.redlink:hover {
  color: #ff0000;
}

.btn-strike {
  text-decoration: line-through;
}

/* Copyright / footer */
.copyright {
  font-size: 11px;
  padding: 0 5px;
}
