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;
}

@media only screen and (max-width: 992px) {

  /* Position icons in line with titles */
  h2.section-title .material-symbols-outlined, h2.section-title .material-symbols {
      font-size: 36px;
      display: flex;
      position: relative;
      top: -6px;
      flex-direction: column;
      }
    
      h3.section-title .material-symbols-outlined, h3.section-title .material-symbols {
      position: relative;
      top: 4px;
      }
    
}

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

        /* Position icons in line with titles */
        h2.section-title .material-symbols-outlined, h2.section-title .material-symbols {
          font-size: 50px;
          margin-right: 8px;
          position: relative;
          top: 6px;
      }
    
      h3.section-title .material-symbols-outlined, h3.section-title .material-symbols {
        position: relative;
        top: 4px;
        font-size: 28px;
      }
      
}