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;
    .description{
      margin-bottom: 0px;
    }
  }

  .page__content{
    max-width: 100%;

  }

  .investigation__content{
    font-size: var(--fs-text);
  }



  // @media screen and (max-width: 1340px) {
  //   margin-left: auto;
  //   margin-right: calc(var(--padding-body) * 3);
  //   .panel-left {
  //     width: calc(100vw - var(--max-w-cards) - var(--padding-body) * 6);
  //   }
  // }

  // @media screen and (max-width: 1220px) {
  //   margin-left: auto;
  //   margin-right: 0px;
  //   width: calc(100% - var(--panel-w) * 0.5 - var(--padding-body));
  //   .panel-left {
  //     width: calc(var(--panel-w) * 0.5);
  //   }
  // }

  // .section__article {
  //   background-color: red;
  //   margin-top: calc(var(--spacing) * 3);
  //   margin-bottom: calc(var(--spacing) * 3);
  //   max-width: var(--max-w-content);
  //   margin-inline: auto;

  //   &:target {
  //     padding-top: calc(var(--header-h) + var(--spacing) * 1);
  //   }

  //   a:hover {
  //     color: var(--grey-200);
  //   }

  //   .section__title {
  //     font-weight: 500;
  //     text-transform: uppercase;
  //     margin-bottom: calc(var(--spacing) * 1);
  //     padding-right: 2ch;
  //     text-wrap: balance;
  //   }
  // }



  #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);

    .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)
      
    }
  }

 


// SMALL ----------------------------------------------------------
// ----------------------------------------------------------------

// @media #{$small} {
//   [data-template="investigation"] main {
//     width: 100%;

//     header {
//       margin-bottom: calc(var(--spacing) * 1);
//     }

//     .section__article {
//       margin-top: calc(var(--spacing) * 2);
//       margin-bottom: calc(var(--spacing) * 2);
//     }

//     .panel-left {
//       display: none;
//     }
//   }

}