.credits {
  max-width: 760px;
  margin: 0 auto;
  padding: 10px 0 8px;
  font-size: var(--fs-md);
  line-height: 1.55;
}
.credits h1 { font-size: var(--fs-2xl); font-weight: 600; letter-spacing: -.01em; }
.credits .lede { margin-top: 6px; color: var(--muted); }
.credits h2 {
  margin: 30px 0 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--line);
  font-size: var(--fs-lg);
  font-weight: 600;
}
.credits p + p, .credits p + dl, .credits dl + p { margin-top: 10px; }
.credits dl { margin: 0; }
.credits dt { font-weight: 600; }
.credits dt .mono-label { margin-left: 8px; white-space: normal; }
.credits dd { margin: 2px 0 12px; color: var(--muted); }
.credits dd:last-child { margin-bottom: 0; }
.credits a { color: var(--accent); text-decoration: none; }
.credits a:hover { text-decoration: underline; }
.credits cite { font-style: italic; }
.credits details { margin-top: 8px; }
.credits summary { cursor: pointer; color: var(--dim); font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: var(--ls-caps); text-transform: uppercase; }
.credits pre {
  margin: 8px 0 0;
  padding: 12px 14px;
  overflow-x: auto;
  border-radius: var(--radius-md);
  background: var(--well);
  color: var(--dim);
  font-family: var(--font-mono);
  font-size: var(--fs-2xs);
  line-height: 1.5;
  white-space: pre-wrap;
}