.our-mission {
  inner-wrapper {
    padding-block-end: 0;
  }
}

ul.three-column-list {
  margin-block: 0;

  @media (hover: hover) {
    li:hover {
      background-color: transparent;
    }
  }

  >li {
    grid-template-areas: "left left left . center center center center center . right right";
  }

  li:last-of-type {
    padding-block-end: calc(var(--sp-120-40) + var(--sp-40));
  }

  h2 {
    grid-area: left;
    margin-block-end: 0;
  }

  p {
    grid-area: center;
  }

  picture {
    grid-area: right;
  }
}

.our-team {
  container: team-container / inline-size;

  inner-wrapper {
    padding-block-start: var(--sp-40);
  }
}

.our-board {
  container: board-container / inline-size;

  h2 {
    padding-block-start: var(--sp-40);
    margin-block-end: var(--sp-40);
    border-block-start: var(--border);
  }
  
  inner-wrapper {
    padding-block-start: 0;
  }
}

.our-history {
  container: history-container / inline-size;
  
  inner-wrapper {
    display: grid;
    grid-template-columns: 1fr var(--sp-680) 1fr;
    grid-template-areas:
      "h2 list ."
      ". a .";
    padding-block-start: var(--sp-40);
    padding-block-end: calc(var(--sp-120-40) + var(--sp-40));
    border-block: var(--border);
    
    h2 {
      grid-area: h2;
    }

    ol {
      grid-area: list;
    }

    >a {
      grid-area: a;
      margin-block-start: var(--sp-40);
    }

    @container (inline-size < 60rem) {
      grid-template-columns: 1fr;
      grid-template-areas:
        "h2"
        "list"
        "a";
      
      h2 {
        margin-block-end: var(--sp-20);
      }
    }
  }

  ol {
    counter-reset: count 0;
    width: 100%;

    li {
      counter-increment: count 1;
      border-block-start: var(--border);
      padding-block: var(--sp-20);

      &:last-of-type {
        border-block-end: var(--border);
      }

      details-content p:nth-of-type(1) {
        padding-block-start: var(--sp-20);
      }

      @supports selector(details::details-content) {
        details {
          &::details-content {
            height: 0;
            overflow-y: clip;
            transition: 
              height var(--anime-time) var(--anime-func),
              content-visibility var(--anime-time) var(--anime-func) allow-discrete;
          }

          &[open]::details-content {
            height: auto;
          }
        }
      }

      summary {
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: var(--sp-12);

        &::before {
          content: "(" counter(count) ")";
          font-family: var(--f-rr);
          font-size: var(--fs-14);
          letter-spacing: var(--zero);
          line-height: var(--lh-150);
          color: var(--black-tint-35);
        }
      }
    }
  }
}

.annual-report {
  container: report-container / inline-size;
  
  inner-wrapper {
    display: grid;
    grid-template-columns: 1fr var(--sp-680) 1fr;
    padding-block: var(--sp-40);

    @container (inline-size < 60rem) {
      grid-template-columns: 1fr;
      
      h2 {
        margin-block-end: var(--sp-20);
      }
    }

    ul {
      li:not(:first-of-type) {
        margin-block-start: var(--sp-40-20);
      }
    }
  }
}