.release-history-intro,
.release-history-records,
.release-history-coverage {
  width: min(100% - 48px, 1120px);
  margin-inline: auto;
}

.release-history-intro { padding-block: 56px 32px; }
.release-history-intro h1 { margin: 0 0 16px; font-size: clamp(2.5rem, 5vw, 4rem); }
.release-history-intro > p:not(.eyebrow) { max-width: 72ch; color: #d2c5c0; }
.release-history-intro .release-history-count { color: #ffb16c; margin-top: 24px; }
.release-history-records { padding-bottom: 32px; }
.release-record { margin-bottom: 16px; border: 1px solid #75432d; border-radius: 16px; background: #1c1411; }
.release-record[open] { border-color: #ff9b46; }
.release-record:target { outline: 3px solid #ff9b46; outline-offset: 4px; scroll-margin-top: 100px; }
.release-record > summary { padding: 24px; cursor: pointer; }
.release-record > summary::marker { color: #ffb16c; }
.release-record-heading { display: inline; }
.release-record-heading strong { font-size: 1.15rem; color: #ffb16c; }
.release-record-heading > span { display: block; margin-top: 10px; font-weight: 800; font-size: 1.15rem; }
.release-record-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; margin-top: 12px; color: #d2c5c0; font-size: 0.9rem; line-height: 1.6; }
.release-record-notes { padding: 0 24px 24px; border-top: 1px solid #49302b; }
.release-record-notes p, .release-record-notes li { max-width: 88ch; color: #e6d9d2; }
.release-record-notes li { margin-block: 8px; }
.release-record-notes ul { padding-left: 1.4rem; }
.release-record-notes .release-channel { font-weight: 800; color: #ffb16c; }
.release-permalink { display: inline-block; padding-block: 10px; color: #ffb16c; text-underline-offset: 3px; }
.release-history-coverage { padding-block: 16px 48px; }
.release-history-coverage h2 { font-size: 1.4rem; }
.release-history-coverage p { max-width: 88ch; color: #d2c5c0; }
.release-history-link { margin-top: 28px; margin-bottom: 0; }

@media (max-width: 420px) {
  .release-history-intro, .release-history-records, .release-history-coverage { width: calc(100% - 36px); }
  .release-record > summary { padding: 20px 16px; }
  .release-record-notes { padding: 0 16px 20px; }
  .release-history-intro { padding-top: 40px; }
}