.SeriesCard {
  position: relative;
  background-color: var(--background-color-post);
  padding: var(--size-default) var(--size-default) var(--size-default)
    var(--size-proportional);
  --size-border-width: 0.25rem;
  border: 1px var(--card-border-color) solid;
  border-inline-start: 1rem var(--card-border-color) solid;
  margin: 0;
  /* outline: 1px solid white; */
}
.SeriesOverview,
.SeriesCard {
  grid-column: 1 / -1;
}
@supports (font-size: clamp(1.25rem, 0.7rem + 8.5cqw, 3.5rem)) {
  .SeriesCard {
    container-type: inline-size;
    container-name: SeriesCard;
    /* --font-size-large: clamp(1.25rem, 0.7rem + 4.5cqw, 3.5rem); */
  }
}

.SeriesCard-title {
  font-weight: 900;
  line-height: 1;
  word-spacing: 0.2ch;
}

.SeriesCard-mainTitle {
  font-size: var(--size-l3);
}

.SeriesCard a {
  color: var(--link);
  text-decoration-color: var(--link-border);
  display: inline-flex;
  transition: text-decoration-color 250ms var(--elastic-easing);
}
.SeriesCard a:hover {
  text-decoration-color: var(--link-border);
}
.SeriesCard a:visited {
  color: var(--link);
}
.SeriesCard-description {
  font-style: italic;
}

.SeriesCard-header {
  transition: transform 250ms var(--elastic-easing);
  margin: auto 0;
}

.SeriesCard-item {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  margin-block: 0 var(--size-default);
}

.SeriesCard-archive {
  list-style: none;
  margin-block: var(--size-l1);
  padding: 0;
}