body {
  background: var(--mod-black);
  color: var(--mod-white);
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: 1.6;
}
.container { max-width: var(--maxw); margin-inline: auto; padding-inline: var(--gutter); }
.label { font-family: var(--font-mono); font-size: var(--fs-mono); letter-spacing: 0.2em;
  text-transform: uppercase; color: var(--mod-gray-1); }
.mono { font-family: var(--font-mono); }
.y { color: var(--mod-yellow); }
.bar-y { height: 5px; background: var(--mod-yellow); border: 0; }
h1, h2, h3 { font-family: var(--font-display); text-transform: uppercase; line-height: 0.88; }

/* Focus — yellow ring, 2px, offset 4px */
:focus-visible { outline: 2px solid var(--mod-yellow); outline-offset: 4px; }

/* Skip link */
.skip-link { position: absolute; left: -9999px; top: 0; background: var(--mod-yellow);
  color: #000; padding: var(--space-2) var(--space-3); font-family: var(--font-mono); z-index: 100; }
.skip-link:focus { left: var(--space-3); top: var(--space-3); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important; transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; }
}

.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.hp{position:absolute;left:-9999px}