index-main/assets/css/template/_investigation.scss

[data-template="investigation"] main {
  position: relative;


  .page__header {
    margin-inline: auto;
    max-width: var(--max-w-content);
    margin-bottom: 0px;

 
    .page__description{
      margin-bottom: 0px;
    }
  }

  .page__content{
    max-width: 100%;

  }

     #investigation__hero{
        @media #{$small-up} {
        padding-top: calc(var(--spacing)*4);
        margin-bottom: calc(var(--spacing)*3);
         }
          @media #{$small} {
        padding-top: calc(var(--spacing)*1.5);
        margin-bottom: calc(var(--spacing)*2);
         }
      }





  #investigation__dl {
    margin-top: calc(var(--spacing) * 1.5);
    border-bottom: var(--border-light);
    max-width: var(--max-w-content);
    margin-inline: auto;
      font-size: var(--fs-normal);

      @media #{$small} {
         font-size: var(--fs-small);
        }

    .dl__group {
      @include grid-content();
      column-gap: 1ch;
      border-top: var(--border-light);
      padding: calc(var(--spacing) * 0.5) 0;
    }

    dt {
      color: var(--color-txt-light);
      padding-right: 1ch;
    }

    ul:not(.keywords) {
      list-style: none;

      li {
        padding-bottom: 0.2em;
      }
    }
  }


  .investigation__aside{
    max-width: var(--max-w-cards);
    margin-inline: auto;
    padding-top: calc(var(--spacing)*4);

    .aside__title{
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: calc(var(--spacing)*1)
      
    }
  }



 
 


}