.config-cover {
  padding:var(--s-8);
  border-radius:var(--r-shell);
  background:var(--c-accent-dark);
  color:var(--c-on-dark);
}
.config-cover__index {
  margin-bottom:var(--s-5);
  font-family:var(--f-mono);
  font-size:var(--fs-small);
  color:var(--c-h1-tint);
}
.config-cover h1 {
  max-width:20em;
  margin-bottom:var(--s-5);
}
.config-cover__summary {
  max-width:36em;
  font-size:var(--fs-h3);
  font-weight:var(--weight-medium);
  color:var(--c-on-dark);
}
.config-cover > p:not([class]) {
  max-width:50em;
  color:var(--c-on-dark-muted);
}
.config-cover a {
  color:var(--c-on-dark);
  text-decoration:underline;
  text-underline-offset:var(--s-1);
}
.config-cover a:focus-visible {
  outline-color:var(--c-warn);
}
.config-cover .badge-row {
  margin-top:var(--s-6);
}
.config-chapter {
  scroll-margin-top:var(--s-6);
}
.config-chapter + .config-chapter {
  margin-top:var(--s-8);
  padding-top:var(--s-6);
  border-top:1px solid var(--c-border);
}
.config-chapter > h2:first-child {
  margin-top:0;
}
.config-chapter > :last-child {
  margin-bottom:0;
}
@media (max-width:768px) {
  .config-cover {
    padding:var(--s-6);
  }
  .config-cover__summary {
    font-size:var(--fs-body);
  }
}
@media (max-width:640px) {
  .config-cover {
    padding:var(--s-5);
  }
}