/* -- The root styles must go in the element of the structure with the name "Content". --*/ 
  
.waid-about__content{
  
  /* -- Heading styles -- */
  h2, h3, h4, h5, h6{
  	font-weight: 700;
    color: var(--neutral);
    margin-bottom: var(--space-s);
  }
  
  h2{
  	font-size: var(--text-xl);
  }
  
  h3{
  	font-size: var(--text-l);
  }
  
  h4, h5, h6{
  	font-size: var(--text-m);
  }
  
  /* -- Content paragraphs styles -- */
  p {
  
    /* - Bold styles - */
    strong, bold{
      color: var(--neutral);
    }
    
    /* - Link styles - */
    a{
     	color: var(--neutral);
      text-decoration: underline;
      font-weight: 500;
      transition: color .2s ease;
      
      &:hover, &:focus{
      	color: var(--primary);
      }
    }
  
  }
  
  /* -- List styles -- */
  ul, ol{
    margin:var(--space-m) 0;
    
    /* Color of dots and list numbers */
    ::marker{
      color: var(--neutral);
    }
    
    /* Spacing between list items */
    li:not(:last-child){
    	margin-bottom: 8px;
    }
  }
}