:root {
  --md-text-font-family: 'Noto Sans', system-ui, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --md-heading-font-family: 'Gotham', 'Gotham-Bold', 'Gotham Bold', "Helvetica Neue", Arial, sans-serif;
}

/* Use Gotham Bold for headings, Noto Sans for body (body uses --md-text-font-family elsewhere) */
h1, h2, h3, h4, h5, h6,
.md-typeset h1, .md-typeset h2, .md-typeset h3, .md-typeset h4, .md-typeset h5, .md-typeset h6,
md-typeset h1, md-typeset h2, md-typeset h3, md-typeset h4, md-typeset h5, md-typeset h6 {
  font-family: var(--md-heading-font-family);
  font-weight: 700;
}

[data-md-color-scheme="light"] {
  --md-primary-fg-color: #12264B;
  background-color: var(--md-default-bg-color);
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #0F68B1;
}

html, body,
.md-typeset, md-typeset, /* cover both class and custom element */
md-typeset-code, .md-typeset-code,
code, pre, table, th, td {
  font-family: var(--md-text-font-family);
}

table {
  table-layout: fixed;
  max-width: 100%;
}

md-typeset-code {
  overflow-wrap: break-word;
}

@keyframes pulse {
  0%, 40%, 80%, 100% {
    transform: scale(1);
  }
  20%, 60% {
    transform: scale(1.15);
  }
}
.pulse {
  animation: pulse 2000ms infinite;
}

.lightning {
  color: #FFD700;
}