.patch-notes {
  margin-top: clamp(56px, 8vw, 96px);
  padding-top: 32px;
  border-top: 1px solid var(--seo-line);
  scroll-margin-top: 96px;
}

.patch-notes > .eyebrow { margin: 0 0 8px; }
.patch-notes > h2 { margin: 0; font-size: clamp(2rem, 5vw, 3rem); }
.patch-notes__intro { max-width: 68ch; margin: 12px 0 0; color: var(--seo-muted); }
.patch-notes__empty { margin-top: 28px; color: var(--seo-muted); }

.patch-notes__list {
  display: grid;
  gap: 18px;
  margin-top: 30px;
}

.patch-note {
  padding: clamp(20px, 3vw, 28px);
  border: 1px solid var(--seo-line);
  border-radius: 14px;
  background: linear-gradient(145deg, var(--seo-panel), var(--seo-panel-soft));
  scroll-margin-top: 96px;
}

.patch-note__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 14px;
  margin: 0 0 8px;
  color: var(--seo-gold);
  font-size: 0.9rem;
  font-weight: 700;
}

.patch-note h3 { margin: 0; font-size: clamp(1.25rem, 2.5vw, 1.6rem); line-height: 1.25; }
.patch-note p { max-width: 72ch; margin: 12px 0 0; color: var(--seo-muted); }
.patch-note ul { max-width: 75ch; margin: 16px 0 0; padding-left: 1.25em; }
.patch-note .patch-note__tracks { max-width: 75ch; margin: 12px 0 0; padding-left: 1.6em; }
.patch-note li + li { margin-top: 8px; }
.patch-note li::marker { color: var(--seo-gold); }

.patch-note .patch-note__credit {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--seo-line);
  font-size: 0.92rem;
}

@media (max-width: 980px) {
  .patch-notes, .patch-note { scroll-margin-top: 20px; }
}