body {
  overflow-x: hidden;
  background: var(--color-espresso);
  color: var(--color-cream);
  font-family: var(--font-body);
}

.skip-link {
  position: fixed;
  top: 1rem;
  left: 1rem;
  z-index: 1000;
  transform: translateY(-150%);
  border: 1px solid var(--color-champagne);
  background: var(--color-wine);
  color: var(--color-cream);
  padding: 0.65rem 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.skip-link:focus {
  transform: translateY(0);
}

.page-shell {
  min-height: 100svh;
  padding: clamp(7rem, 12vw, 10rem) var(--page-gutter) 4rem;
}

@media (min-width: 900px) {
  .page-shell {
    margin-left: var(--rail-width);
  }
}