/* Food Quality Vault master-brand compatibility layer.
   Retains the FSMA 204 subdomain's existing layout and dark slate surfaces. */
:root {
  --accent: #eab308;
  --accent2: #facc15;
  --fqv-accent: #ca8a04;
  --fqv-focus: #eab308;
}
html { scroll-padding-top: 5rem; }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
a { text-decoration-thickness: .08em; }\na:hover { color: #fde68a; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
summary:focus-visible, textarea:focus-visible {
  outline: 3px solid #eab308;
  outline-offset: 3px;
  box-shadow: 0 0 0 2px #09090b;
}
.skip-link { background: #eab308; color: #18181b; font-weight: 800; }
.brand small, .eyebrow, .tag, .site-footer h2, .toc strong, .card strong,
th { color: #facc15; }
.button { background: #eab308; border-color: #eab308; color: #18181b; }
.button:hover { background: #facc15; border-color: #facc15; color: #18181b; }
.summary-box { border-left-color: #ca8a04; }
.callout { background: rgb(120 53 15 / 18%); border-color: #854d0e; }
.primary-nav a:hover,
.dropdown-menu a:hover,
.dropdown-menu a[aria-current="page"] {
  background: rgb(234 179 8 / 12%);
  border-color: rgb(234 179 8 / 35%);
  color: #facc15;
}
.nav-dropdown > summary::after { color: #facc15; }
.nav-dropdown[open] > summary,
.nav-dropdown > summary:hover {
  background: rgb(234 179 8 / 12%);
  border-color: rgb(234 179 8 / 35%);
  color: #facc15;
}
.primary-nav > a[aria-current="page"] {
  color: #facc15;
  border-color: rgb(234 179 8 / 40%);
  background: rgb(234 179 8 / 9%);
}
.card:hover { border-color: #ca8a04; }
.site-footer a:hover { color: #fde68a; }
.progress-fill { background: #eab308; }
.result { border-color: #ca8a04; }
.error-code { color: #eab308; }
.social-links { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.75rem; padding:1.5rem 0; }
.social-links a { display:inline-flex; width:2.75rem; height:2.75rem; align-items:center; justify-content:center; border:1px solid rgb(63 63 70 / 70%); border-radius:9999px; background:rgb(39 39 42 / 70%); padding:.625rem; box-shadow:0 1px 2px rgb(0 0 0 / 20%); transition:transform .2s,border-color .2s,background .2s; }
.social-links a:hover { transform:translateY(-2px); border-color:#71717a; background:#3f3f46; }
.social-links a:focus-visible { outline:2px solid #facc15; outline-offset:2px; }
.social-links img { width:1.5rem; height:1.5rem; object-fit:contain; transition:transform .2s; }
.social-links a:hover img { transform:scale(1.1); }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration:.01ms !important; animation-duration:.01ms !important; scroll-behavior:auto !important; }
}