/* Explicit museum-card colors prevent inherited dark-theme text on light cards. */
.guide-page .guide-museum {
  color: #153754;
}

.guide-page .guide-museum h3 {
  color: #153754;
}

.guide-page .guide-museum p {
  color: #344f63;
}

.guide-page .guide-museum .guide-museum-hours {
  color: #96391f;
}

.guide-page .guide-museum a {
  color: #075e8a;
}

html[data-theme="dark"] body.guide-page .guide-museum {
  background: #19283c;
  color: #e6edf6;
  border-color: #41556d;
}

html[data-theme="dark"] body.guide-page .guide-museum :is(h3, p) {
  color: #e6edf6;
}

html[data-theme="dark"] body.guide-page .guide-museum .guide-museum-hours {
  color: #ffb299;
}

html[data-theme="dark"] body.guide-page .guide-museum a {
  color: #a4ccff;
}

@media (max-width: 760px) {
  body.guide-page main {
    width: calc(100% - 1.5rem);
    padding-right: 0;
    padding-left: 0;
  }

  body.guide-page .guide-card {
    gap: 1rem;
    padding: .75rem;
  }

  body.guide-page .guide-quick,
  body.guide-page .guide-related {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}