/* Science Scrimmage: the shared site stylesheet (../style.css, served as /style.css) with the science
   site's colours on top, matching dashboard/src/brand.ts (primary #0f6b5c). AA contrast on both themes. */
:root {
  --brand: #0f6b5c;
  --brand-ink: #0c5a4d;
  --button-bg: #0f6b5c;
  --tint: #e3f3ef;
  --tint-ink: #09473d;
}
@media (prefers-color-scheme: dark) {
  :root {
    --brand: #7fd6c3;
    --brand-ink: #8fdcca;
    --button-bg: #7fd6c3;
    --button-text: #062b24;
    --tint: #10322c;
    --tint-ink: #bfeee2;
  }
}
/* "Science Scrimmage" is wider than "Math Scrimmage": on a phone the document pages (Home, Security &
   Privacy, Log in) show just the badge, which still links home, so the header doesn't overlap. The
   home page has only "Log in" there and keeps the name. */
@media (max-width: 480px) {
  .site-header .doc-nav li:first-child { display: none; }
  .site-header:has(.doc-nav) .brand-name { display: none; }
}