/* ============================================================
   LAYOUT — Shared container and layout helpers
   ============================================================
   Utility classes used across all pages:
   central container, accessibility skip-link, etc.
   ============================================================ */

.container {
  max-width: var(--content-w);
  margin: 0 auto;
  padding: 0 var(--gutter);
}

/* Accessibility "Skip to content" link: hidden by default,
   visible only on focus (keyboard navigation) */
.skip-link {
  position: absolute;
  top: -100px;
  left: 0;
  background: var(--c-deep);
  color: white;
  padding: 12px 20px;
  z-index: 1000;
  text-decoration: none;
}
.skip-link:focus {
  top: 0;
}