h1, h2, h3, h4, h5, h6 {
    
    font-family: "MEDIUM", sans-serif;
    
    margin: 1rem 0rem 0rem 0rem;
  }
  
  h1:first-child,
  h2:first-child,
  h3:first-child,
  h4:first-child,
  h5:first-child,
  h6:first-child {
    
    margin-top: 0rem;
  }
  
  h1 {
    font-size: 1.4rem;
  }
  
  h2 {
    color: var(--colour-accent-color);
  }
  
  h3 {
    color: inherit;
  }
  
  @media screen and (min-width: 700px) {
    
    h1 {
      font-size: calc(1rem + 1.3vw);
    }
    
    h2 {
      font-size: 1.5rem;
    }
  }
    
  a {
    
    color: var(--colour-main-blue);
    
    text-decoration: none;
    
    cursor: pointer;
  }
  
  a:hover {
    
    color: var(--colour-main-blue);
    
    text-decoration: underline;
  }
  
  a:hover,
  a:focus {
    
    filter: brightness(0.95);
  }
  
  p,
  p:last-child {
    
    margin: 1em 0em 0em 0em;
  }
    
  section,
  body > main > section,
  body > main > article {
    
    padding: 1em;
  }
  
  body > main > section,
  body > main > article {
    
    grid-template-columns: minmax(0, 1fr);
    
    gap: 0rem;
  }
    
  table {
    
    width: 100%;
    
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  tr:hover {
    background: #fbfbfb;
  }
  
  th {
    text-align: left;
  }
  
  th,
  td {
    padding: 0.5em 1em;
  }
  
  tfoot {
    font-weight: 700;
  }
    
  hr {
    border-top: 0.05em solid #ccc;
  }
    
  :not(ul, ol) > li::before,
  :not(ul, ol) > li::after {
    
    display: none;
  }
  
  ul.noIcons > li,
  :not(ul, ol) > li {
    
    column-gap: 0rem;
  }