/*
 * Small cross-cutting utilities that don't belong in variables/base/layout/
 * components. Loaded last so it can override where intentional.
 */

.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 2000;
  background-color: var(--color-primary);
  color: var(--color-white);
  padding: 0.75rem 1.25rem;
  border-radius: 0 0 var(--radius-sm) 0;
}

.skip-link:focus {
  left: 0;
}

.text-serif { font-family: var(--font-heading); }

.aspect-16-9 { aspect-ratio: 16 / 9; }
.aspect-1-1 { aspect-ratio: 1 / 1; }

@media print {
  .site-header, .site-footer, .back-to-top, .breadcrumb-bar { display: none !important; }
}