/* Electric Monsters — shared chrome (scrollbars + dark-page italic safety)
 * Linked from legal pages + marketing index inject. Keep narrow.
 */
:root {
  --em-scroll-track: rgba(14, 12, 11, 0.92);
  --em-scroll-thumb: rgba(182, 182, 190, 0.38);
  --em-scroll-thumb-hover: rgba(234, 100, 20, 0.55);
}

html {
  scrollbar-width: thin;
  scrollbar-color: var(--em-scroll-thumb) var(--em-scroll-track);
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--em-scroll-thumb) var(--em-scroll-track);
}

*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-track {
  background: var(--em-scroll-track);
}

*::-webkit-scrollbar-thumb {
  background-color: var(--em-scroll-thumb);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: var(--em-scroll-thumb-hover);
}

/* Unstyled em/i on dark leather: inherit warm text, never browser black */
em, i {
  color: inherit;
  font-style: italic;
}