:root {
    --system-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

html,
body {
    font-family: var(--system-font-family);
}

h1,
h2,
h3,
h4,
h5,
h6,
label {
    font-family: var(--system-font-family);
}

h1 {
    font-size: 3em;
    line-height: 1;
    font-weight: normal;
}

h2 {
    font-size: 2.5em;
    line-height: 1;
    font-weight: normal;
}

p {
    line-height: 1.5;
}

a,
a:hover {
    text-decoration: none;
}

form a {
    font-weight: 600;
}

address {
  font-style: normal;
}

.breadcrumb {
  font-weight: 600;
  margin-bottom: 1em;
  text-transform: uppercase;
}

.title, .title--icon {
  font-size: 1.5em;
  font-weight: 700;
}

.title--icon > span {
  font-weight: 600;
}

th {
  font-weight: 500;
  font-size: .8em;
  text-align: start;
  text-transform: uppercase;
  font-family: var(--system-font-family);
}

td {
  text-align: start;
  font-family: var(--system-font-family);
}

td > a, td > a:hover {
  text-decoration: underline;
}

form .helptext {
  font-size: 0.875em;
}

.title--done {
  font-weight: 600;
  font-size: 20px;
  text-align: center;
}

.title--hero {
  margin-top: 0;
  color: var(--system-green-300);
  font-weight: 700;
  margin-bottom: 0;
}

.paragraph {
  font-size: 1.2em;
  font-weight: 700;
  color: var(--system-white);
  max-width: 37.5rem;
}

.paragraph--required {
  margin: 0;
  color: red;
}

.paragraph--done {
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  color: #757575;
}

.paragraph--interview {
  font-weight: normal;
  color: var(--system-gray-400);
}

.paragraph--footer {
  color: #757575;
}

.text-error {
  color: red;
  font-size: 14px;
}

.document-link {
  color: #1B56FD;
  text-decoration: underline;
}

.contact-details {
  color: #5A5A65;
  text-decoration: underline;
}

.card h2 {
  margin-top: 0;
  font-size: 1.5em;
  font-weight: 600;
}

.card h3 {
  margin-top: 0;
  font-weight: 600;
  font-size: 1.25em;
}

.card p {
  font-size: 1em;
  text-align: left;
  margin: .75em auto;
}

/* INDEX */
#home-headline header > h2 {
  font-weight: 600;
}

#home-headline header > p,
#home-headline header > span {
  margin-top: 0;
  font-size: 1.25em;
}

#home-headline header > p {
  font-weight: 600;
}

#home-headline .card h2,
#home-headline .card h3 {
  margin: 0 auto .5em;
}

#home-headline .card p {
  margin: .25em auto;
}

#env-banner {
  font-weight: bold;
  text-align: center;
}