.arrival-guide {
  margin: 0;
  background: #f8f5ec;
  color: #173f38;
  font: 1rem/1.6 system-ui, sans-serif;
}
.arrival-guide :is(header, main, footer) {
  width: min(68rem, 100% - 2rem);
  margin-inline: auto;
}
.arrival-guide header, .arrival-guide footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1.5rem;
  padding-block: 1.5rem;
}
.arrival-guide a { color: #245b4b; text-underline-offset: .2em; }
.arrival-guide h1 { font: 600 clamp(2rem, 5vw, 3.6rem)/1.15 Georgia, serif; margin-block: 0 1rem; }
.arrival-kicker { color: #46675c; font-weight: 700; }
.arrival-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: 1rem; }
.arrival-grid section { padding: 1rem; border: 1px solid #d9dccc; border-radius: .6rem; background: #fffdf7; }
.arrival-grid h2 { font-size: 1.1rem; margin: 0 0 .45rem; }
.arrival-grid p { margin: 0; }
.arrival-entry { margin: 1.5rem auto; padding: 0 1rem; width: fit-content; }
.arrival-entry a { display: block; padding: .7rem 1.1rem; border: 1px solid #c5a260; border-radius: .5rem; background: #173f38; color: #fffdf7; text-underline-offset: .2em; }