/* base.css – small, app-friendly baseline */

/* 1) predictable sizing */
*, *::before, *::after { box-sizing: border-box; }

/* 2) kill the default body margin */
body { margin: 0; }

/* 3) media never overflows its container */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

/* 4) form controls inherit font */
input, button, textarea, select {
  font: inherit;
}

/* 5) allow long strings to wrap instead of blowing up layout */
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

/* Skip-to-content link (WCAG 2.4.1): visually hidden until keyboard focus */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 2000;
  padding: 0.5rem 1rem;
  background: #fff;
  color: #1a1a1a;
  border: 2px solid var(--c-primary, #AC3F07);
  border-radius: 4px;
  font-weight: 600;
}

.skip-link:focus {
  left: 0.5rem;
  top: 0.5rem;
}