/* ===== Base (shared across the whole site) ===== */
* { margin: 0; padding: 0; box-sizing: border-box; }

:root {
  --focus: #1a73e8;
  --sidebar-bg: #f4f4f4;
  --text: #111;
  --link: #0b66c3;
}

html { scroll-behavior: smooth; }

body{
  font-family: Arial, sans-serif;
  color: var(--text);
  background:#fff;
}

/* Links */
a { text-decoration: none; color: var(--link); }
a:hover { text-decoration: underline; }
a:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }

/* Skip link (keyboard / screen reader) */
.skip-link {
  position: absolute;
  left: -999px;
  top: 0;
  background: #000;
  color: #fff;
  padding: 8px 12px;
  z-index: 1000;
}
.skip-link:focus {
  left: 8px;
  top: 8px;
  outline: 3px solid var(--focus);
  border-radius: 6px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}