/* base.css — shared across all 38 EV3 pages */

/* Design tokens */
:root {
  --ev3-bg: #f0f0f0;
  --ev3-card-bg: #fff;
  --ev3-ink: #000;
  --ev3-link: #06f;
  --ev3-accent: #8D3832;
  --ev3-muted: #999;
  --ev3-border: #000;
  --ev3-font-mono: "Courier New", Courier, monospace;
}

/* Selection */
::selection { background: #000; color: #fff; }

/* Focus ring */
a:focus-visible { outline: 2px solid #06f; outline-offset: 2px; }
button:focus-visible, input:focus-visible { outline: 2px solid #06f; outline-offset: 2px; }

/* Skip-to-content link */
.skip-link { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: 100; padding: 8px 16px; background: #000; color: #fff; text-decoration: none; font-family: "Courier New", Courier, monospace; font-size: 0.875rem; }
.skip-link:focus { left: 16px; top: 16px; width: auto; height: auto; overflow: visible; }

/* Legal footer */
.legal-footer { width: 100%; text-align: center; padding: 10px 20px; font-size: .75rem; font-family: "Courier New", Courier, monospace; }

/* Print stylesheet */
@media print {
  .ev-logo, .logo, .back-button, nav, .skip-link { display: none !important; }
  body { background: #fff !important; color: #000 !important; font-size: 12pt; }
  a[href]::after { content: " (" attr(href) ")"; font-size: 0.8em; color: #555; }
  a[href^="#"]::after, a[href^="javascript"]::after { content: none; }
  img { max-width: 100% !important; }
}