Omphaloskepsis-2/assets/css/pages/_collection.scss

.site-content--section,
.site-content--list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  & .site-content__header {
    inline-size: 100%;
    text-align: center;
    margin-block-end: 2em;

    & .page-header__minor-links {
      text-align: center;
      overflow: auto;

      & ul {
        list-style: none;
        inline-size: fit-content;
        margin-inline: auto;

        & li {
          float: inline-start;
          margin-block: 0;
          margin-inline: 1em;

          & * {
            display: inline-block;
          }
        }
      }

      & .minor-links {
        &__categories {
          inline-size: fit-content;
          margin: auto;
          display: block;
          overflow: auto;

          @include mq("large") {
            font-size: 1em !important;
          }
        }

        &__years {
          display: block;
          margin: auto;
          inline-size: fit-content;

          & li {
            inline-size: fit-content;
            min-inline-size: fit-content;
            padding: 0.5em;

            @include mq("large") {
              padding: 0;
            }
          }
        }
      }
    }
  }

  & .site-content__body {
    display: flex;
    flex-wrap: wrap;
    inline-size: 100%;

    &--list {
      text-align: center;
    }

    &--chart {
      grid-template-columns: 1em 100% 1fr;
      grid-template-rows: auto auto;
      grid-template-areas:
        ". section-chart ."
        ". section-content .";
    }

    & > * {
      inline-size: 20%;
    }

    & > a {
      display: block;
    }
  }

  & .site-content__footer {
    grid-area: list-page-footer;
  }
}