/* NEMA's style sheet (SITE_STYLE_SHEET = nema): brand tokens in both themes, from the DataLink Survey Design System
   (tokens.json). Applied by <html class="style-nema">. The font is loaded by the layout. */
/* Style sheet: nema, light (from tokens.json) */
:root.style-nema {
  --nema-blue: #0e23c4; --nema-blue-deep: #0a1a96; --nema-blue-soft: #e7e9fa;
  --on-blue: #ffffff;
  --surface: #f4f4f4; --surface-raised: #ffffff; --surface-sunken: #e6e6e6; --surface-dark: #202020; --on-dark: #ffffff;
  --ink: #202020; --ink-muted: #616163; --line: #d0d5d2; --line-strong: #202020;
  --success: #2e8540; --success-soft: #e6fde6; --warning: #8a5a00; --warning-soft: #fff2cc;
  --danger: #b3261e; --danger-soft: #fde8e6; --focus-ring: #0e23c4;
  --font-sans: "Raleway", system-ui, -apple-system, "Segoe UI", sans-serif;
  --gradient-brand-90: linear-gradient(90deg, #0e23c4, #00d4db 33%, #99cd00 67%, #d9de00 100%);
  --gradient-brand-45: linear-gradient(45deg, #0e23c4, #00d4db 33%, #99cd00 67%, #d9de00 100%);
}
/* Style sheet: nema, dark */
@media (prefers-color-scheme: dark) {
  :root.style-nema:not([data-theme="light"]) {
    --nema-blue: #7d8bf5; --nema-blue-deep: #a3adf8; --nema-blue-soft: #1c2250; --on-blue: #0b1033;
    --surface: #141414; --surface-raised: #202020; --surface-sunken: #2a2a2a; --surface-dark: #0b0b0b; --on-dark: #f0f0f0;
    --ink: #f0f0f0; --ink-muted: #b0b0b3; --line: #3a3a3a; --line-strong: #c8c8c8;
    --success: #5fc472; --success-soft: #153a1c; --warning: #fdb81e; --warning-soft: #3d2e05;
    --danger: #ff8a80; --danger-soft: #3f1512; --focus-ring: #7d8bf5;
  }
}
:root.style-nema[data-theme="dark"] {
  --nema-blue: #7d8bf5; --nema-blue-deep: #a3adf8; --nema-blue-soft: #1c2250; --on-blue: #0b1033;
  --surface: #141414; --surface-raised: #202020; --surface-sunken: #2a2a2a; --surface-dark: #0b0b0b; --on-dark: #f0f0f0;
  --ink: #f0f0f0; --ink-muted: #b0b0b3; --line: #3a3a3a; --line-strong: #c8c8c8;
  --success: #5fc472; --success-soft: #153a1c; --warning: #fdb81e; --warning-soft: #3d2e05;
  --danger: #ff8a80; --danger-soft: #3f1512; --focus-ring: #7d8bf5;
}

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html, body { margin: 0; }
body { font-family: var(--font-sans); background: var(--surface); color: var(--ink); font-size: 15px; line-height: 23px; min-height: 100vh; display: flex; flex-direction: column; overflow-x: hidden; }