:root {
  --site-accent: #34d399;
  --site-muted: #a7f3d0;
  --site-button: #047857;
  --site-tint: #102820;
}
[data-site-jurisdiction="NAR"] {
  --site-accent: #fb7185;
  --site-muted: #fecdd3;
  --site-button: #be123c;
  --site-tint: #2b1722;
}
.site-header {
  border-top: 3px solid var(--site-accent);
  background: var(--site-tint);
}
.site-logo { display: flex; flex-direction: column; line-height: 1.25; letter-spacing: 0; }
.site-logo__accent { color: var(--site-accent); }
.site-edition { color: var(--site-muted); font-size: 0.8125rem; font-weight: 600; margin-top: 0.25rem; }
.site-links {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
}
.site-links a { padding: 0.5rem 0; }
.site-links a:hover { text-decoration: underline; text-underline-offset: 4px; }
.site-links__jra { color: #6ee7b7; }
.site-links__nar { color: #fda4af; }
.site-links__arare { color: #fcd34d; }
.site-links [aria-current="page"] { font-weight: 700; border-bottom: 2px solid currentColor; }
.site-login { border-top: 3px solid var(--site-accent); }
.site-login input:focus { border-color: var(--site-accent); }
.site-login button { background: var(--site-button); }
.site-login button:hover { filter: brightness(1.15); }