/* Useful page-specific guidance, kept in normal reading order on every viewport. */
#main > .stay-guide {
  width: calc(100% - 64px);
  max-width: 1240px;
  margin: 28px auto 48px;
  padding: 28px 0 0;
  border-top: 1px solid rgba(170, 142, 96, .42);
  color: #211b53;
}
.stay-guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; }
.stay-guide-topic { min-width: 0; }
.stay-guide .stay-guide-topic h2 { margin: 0 0 14px; font-size: clamp(24px, 2.3vw, 32px); line-height: 1.18; letter-spacing: -.02em; overflow-wrap: anywhere; }
.stay-guide .stay-guide-topic p { margin: 0; font-size: 16px; line-height: 1.7; color: #56566b; }
.stay-guide .stay-guide-links { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 24px; padding-top: 18px; border-top: 1px solid rgba(33, 27, 83, .14); }
.stay-guide-links a { display: inline-flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; font-size: 15px; font-weight: 600; text-decoration: underline; text-decoration-color: rgba(170, 142, 96, .6); text-underline-offset: 5px; overflow-wrap: anywhere; }
.stay-guide-links a span { flex-shrink: 0; color: #907746; }
.stay-guide a:focus-visible { outline: 2px solid #907746; outline-offset: 5px; border-radius: 2px; }
.stay-guide .stay-guide-source { margin: 8px 0 0; font-size: 12px; line-height: 1.5; color: #66667a; }
.stay-guide-source a { display: inline-block; padding: 8px 0; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 760px) {
  #main > .stay-guide { width: calc(100% - 40px); margin: 20px auto 32px; padding-top: 24px; }
  .stay-guide-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .stay-guide .stay-guide-topic h2 { font-size: 27px; }
  .stay-guide .stay-guide-topic p { font-size: 15px; line-height: 1.7; }
  .stay-guide .stay-guide-links { gap: 2px 20px; margin-top: 20px; padding-top: 12px; }
  .stay-guide-links a { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .stay-guide a { transition: none; } }