.ds-ledger {
  width: min(720px, 100%);
  background: linear-gradient(
    178deg,
    var(--ds-parchment-100),
    var(--ds-parchment-200) 58%,
    var(--ds-parchment-300)
  );
  border-radius: var(--ds-radius-sheet);
  padding: var(--ds-space-14);
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.55),
    inset 0 0 90px var(--ds-backdrop-glow);
}

@media (max-width: 640px) {
  .ds-ledger {
    padding: var(--ds-space-8) var(--ds-space-6);
  }
}

.ds-ledger-masthead {
  text-align: center;
}

.ds-ledger-emblem {
  margin-bottom: var(--ds-space-3);
}

.ds-ledger-masthead h1 {
  font-family: var(--ds-font-display);
  font-size: var(--ds-text-2xl);
  font-weight: 600;
  font-variant: small-caps;
  letter-spacing: 0.06em;
  color: var(--ds-ink-700);
}

/* Sits faintly in the room, below the sheet. */
.ds-ledger-colophon {
  margin-top: var(--ds-space-6);
  text-align: center;
  font-size: var(--ds-text-xs);
  color: var(--ds-parchment-400);
  opacity: 0.55;
}

.ds-ledger-egg {
  display: block;
  margin-top: var(--ds-space-2);
  font-family: var(--ds-font-pixel);
  font-size: 9px;
  color: var(--ds-ink-300);
}