/* Section navigation */
.content-section-nav {
  font-weight: bold;
  a {
    text-decoration: none;
  }

  li {
    margin-bottom: 1rem;
  }

  ul ul {
    font-weight: normal;
    margin-top: 1rem;
  }
}

/* Make sure the target links accommodate the sticky header */

:target::before {
  content: "";
  display: block;
  height: 10.5rem;
  margin: -10.5rem 0 0;
}

/* Content adjustments */

.content-section:not(:first-child) h2 {
  margin-top: 5rem;
}

/* Page layout with sidebar */
@media (min-width: 960px) {
  .content-sections:not(.no-page-nav) {
    display: grid;
    grid-gap: var(--gutter-standard);
    grid-template-columns: 17rem 1fr;
    grid-template-areas: "nav content";

    .content-section-nav {
      grid-area: nav;
    }

    .content-section-content {
      grid-area: content;
    }
  }
}

/* Mobile adjustments */
@media (max-width: 959px) {
  .content-section-nav {
    border-block: 1px solid var(--color-grey-88);
    background: var(--color-ltr-grey);
    padding: .5rem 1rem;
    margin: 1rem calc(-1 * var(--responsive-padding));

    ul {
      margin-top: 1rem;
    }

    li {
      margin-bottom: .5rem;

      ul {
        margin-top: .5rem;
      }
    }
  }
}

/* Last updated date */

.last-updated {
  margin-top: 1.5rem;
}