/* Article-specific media and creature layouts; site navigation and typography stay shared. */
html { scroll-behavior: auto; }
.undercrypt-update .patch-hero { grid-template-columns: 1fr 1.1fr; }
.undercrypt-update .patch-deck { max-width: 520px; }
.update-hero-shot { margin: 0; }
.update-hero-shot img { display: block; width: 100%; height: auto; border: 1px solid var(--article-rule); border-radius: 10px; }
.update-hero-shot figcaption, .update-shot figcaption { color: #b6a9c8; font-size: 12px; line-height: 1.6; margin: 10px 0 0; }
.undercrypt-update .patch-contents { max-height: calc(100vh - 110px); overflow: auto; }
.update-shot { margin: 26px 0; }
.update-shot img { display: block; max-width: 100%; width: auto; height: auto; margin: auto; border: 1px solid var(--article-rule); border-radius: 8px; }
.update-shot figcaption { text-align: center; }
.creature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 20px; margin: 30px 0; }
.creature { padding: 0 0 18px; border-bottom: 1px solid var(--article-rule); }
.creature > img { width: 100%; height: 140px; object-fit: contain; }
.patch-section .creature h3 { margin: 15px 0 6px; }
.patch-section .creature p { font-size: 14px; line-height: 1.6; margin: 8px 0; }
.patch-section .creature .creature-levels { font-size: 12px; color: var(--gold-hi); }
.relic-strip { display: flex; align-items: center; justify-content: center; gap: 40px; margin: 22px 0; }
.relic-strip img { width: 40%; max-width: 260px; height: 175px; object-fit: contain; }
.relic-strip.small img { width: 26%; max-width: 135px; height: 105px; }
.update-table-wrap { overflow-x: auto; margin: 24px 0; }
.update-table { border-collapse: collapse; width: 100%; text-align: left; font-size: 14px; line-height: 1.6; }
.update-table td, .update-table th { padding: 13px 15px; border-bottom: 1px solid var(--article-rule); vertical-align: top; }
.update-table thead { background: var(--void-2); color: var(--gold-hi); }
.update-table tbody th { font-weight: 600; color: var(--text); }
.preview-section { border-top: 2px solid var(--gold); }
.preview-section > p:first-of-type { border-left: 3px solid var(--gold); padding: 12px 18px; background: var(--void-2); }
.patch-story code { font-size: .92em; color: var(--gold-hi); overflow-wrap: anywhere; }
@media (max-width: 800px) {
  .undercrypt-update .patch-hero { grid-template-columns: 1fr; }
  .update-hero-shot { max-width: 650px; }
  .undercrypt-update .patch-contents { max-height: none; overflow: visible; }
  .creature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .creature-grid { grid-template-columns: 1fr; }
  .creature { display: grid; grid-template-columns: 90px minmax(0, 1fr); column-gap: 16px; }
  .creature > img { width: 90px; height: 120px; grid-row: 1 / 4; }
  .patch-section .creature h3 { margin-top: 3px; }
  .patch-section .creature p { margin: 3px 0; }
  .relic-strip { gap: 12px; }
  .update-table td, .update-table th { padding: 10px 8px; font-size: 13px; }
}