html, .root {
  font-size: 16px;
  line-height: 26px;
}

body, .article {
  font-size: 1em;
  line-height: 1.625em;
  margin: auto;
  }

/*keep (shared)*/
p, ul, ol {
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 1.8;
}


a, b, i, strong, em, small, code {
  line-height: 0;
}

a:hover, a:focus, a:active {
  color: var(--contrast-2);
}


@media only screen and (max-width: 992px) {
  h3, .h3 {
  font-size: 1.375em; /* 28px */
  line-height: 1.18181818em;
  margin-top: 1.18181818em;
  margin-bottom:  1.18181818em;
  }

  h3.page-h3 {
  font-size: 26px;
  line-height: 1.2;
  width: 100%;
  max-width: 845px;
  }

  p, ul, ol, pre, table, blockquote {
  margin-top: 0em;
  margin-bottom: 1.625em;
  }
}

@media only screen and (min-width: 993px) {

  h1, .h1 {
    font-size:  5.625em;
    line-height: 1.15555556em;
    margin-top: 0;
    margin-bottom: 0.57777778em;
  }
  h2, .h2 {
    font-size: 3.1875em;
    line-height: 1.3;
    margin-top: 0.50980392em;
    margin-bottom: 0.50980392em;
  }

  h3, .h3 {
    font-size: 1.75em;
    line-height: 1.85714286em;
    margin-top: 0.92857143em;
    margin-bottom: 0em;
  }

  p, ul, ol, pre, table, blockquote {
    margin-top: 0em;
    margin-bottom: 1.625em;
  }
  ul ul, ol ol, ul ol, ol ul {
    margin-top: 0em;
    margin-bottom: 0em;
  }
}

#voice-type h3 {
  font-size: 22px;
  line-height: 1.8;
}

#voice-type h3 span.material-symbols-outlined {
  position: relative;
  top: 3px;
}