/* Global tweaks shared across pages (built on tokens.css) */

/* Header navigation should use neutral text with accent on hover/active */
header nav a {
  color: var(--label);
}

header nav a:where(:hover, :focus) {
  color: var(--accent);
}

/* Dropdown summary caret/text */
header nav details.dropdown > summary {
  color: var(--label);
}
header nav details[open].dropdown > summary {
  color: var(--accent);
}

/* Remove default outlines/borders that may clash */
header nav a,
header nav button,
header nav summary {
  outline: none;
  border: none;
}

/* Tighten header spacing */
header.container { margin-bottom: 0px; }
header.container h1 { margin: 0; }

/* Stack brand and nav on small screens */
@media (max-width: 640px) {
  header.container nav {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 0px;
  }
  header.container nav > ul:first-child {
    justify-content: flex-start;
  }
  header.container nav > ul:last-child {
    justify-content: flex-start;
  }
}

/* Health badge */
.health-badge img { 
  width: auto;
  height: 60px;
}
.health-badge { display: inline-flex; align-items: center; }

/* Reduce top gap before first article */
main.container > article:first-of-type { margin-top: 2px; }


/* Default modern card for all top-level articles */
main.container > article {
  margin-block: 40px;
  padding: 24px 24px;
  background: var(--card);
  border-radius: 22px;
  box-shadow: var(--shadow);
}

main.container > article > header {
  margin-bottom: 12px;
  background: transparent;
  border: none;
}

/* Accent buttons site-wide */
button,
input[type="submit"],
input[type="button"],
.button,
a[role="button"],
.h-captcha {
  background: var(--accent);
  color: #fff;
  border: none;
  border-radius: 12px;
  box-shadow: 0 6px 16px color-mix(in oklab, var(--accent), black 35%);
}

/* Contact form specific tweaks */
#contact-form textarea {
  border-radius: 14px;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.button:hover,
a[role="button"]:hover,
.h-captcha:hover {
  filter: saturate(1.05);
}