.glossary {
  .search {
    padding-bottom: 60px;
  }

  .search input {
    width: 100%;
    height: 60px;

    border: 1px solid #717e92;
    border-radius: 71px;
  }

  .search .form-control {
    display: grid;
  }

  .search .form-control * {
    grid-column-start: 1;
    grid-row-start: 1;
  }

  .search .form-control input {
    padding-left: 24px;
    padding-right: 50px;
  }

  .search .form-control svg {
    align-self: center;
    justify-self: end;
    margin-right: 20px;
  }

  .sc-title-text__wrapper {
    margin-bottom: 30px;
  }

  h2 {
    margin: 0 0 30px;
  }

  p {
    margin: 0 0 20px;
  }

  .letters {
    margin-bottom: 30px;
  }

  .group {
    margin-bottom: 50px;
  }

  .collapse {
    position: relative;
    display: grid;
    grid-template-rows: max-content 0fr;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #dadee6;
    transition: grid-template-rows 0.5s;
  }

  .collapse:first-of-type {
    border-top: 1px solid #dadee6;
  }

  .collapse:has(input[type="checkbox"]:checked) {
    grid-template-rows: max-content 1fr;
  }

  .collapse > input[type="checkbox"] {
    grid-column-start: 1;
    grid-row-start: 1;

    opacity: 0;
    appearance: none;
    cursor: pointer;
  }

  .collapse-header {
    grid-column-start: 1;
    grid-row-start: 1;

    display: flex;
  }

  .collapse-header .collapse-icon {
    display: flex;
    align-items: center;
    padding-left: 10px;
    width: 40px;
  }

  .collapse-header .collapse-title {
    padding: 18px 40px 18px 0;

    color: #495057;
    font-size: 20px;
    font-weight: 700;
  }

  .collapse:has(input[type="checkbox"]:checked)
    .collapse-header
    .collapse-plus {
    display: none;
  }

  .collapse-header .collapse-minus {
    display: none;
  }

  .collapse:has(input[type="checkbox"]:checked)
    .collapse-header
    .collapse-minus {
    display: block;
  }

  .collapse-content {
    grid-column-start: 1;
    grid-row-start: 2;
    min-height: 0;

    visibility: hidden;
  }

  .collapse > input[type="checkbox"]:checked ~ .collapse-content {
    padding: 0 40px 18px;
    min-height: fit-content;

    visibility: visible;
  }
}