* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Don't set overflow on html/body - it breaks sticky positioning */
/* Use wrapper divs for horizontal overflow control instead */
html {
  width: 100%;
  max-width: 100vw;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: var(--secondary);
  color: var(--text-main);
  line-height: 1.6;
  width: 100%;
  max-width: 100vw;
  box-sizing: border-box;
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 3 L3 15 L9 15 L9 21 L15 15 L21 15 L15 9 Z" fill="%2300e556"/></svg>') 3 3, auto;
  min-height: 100vh; /* Ensure body has height */
  /* DO NOT set overflow-x: hidden here - it breaks sticky positioning */
  /* Use wrapper divs or container max-width for horizontal overflow control */
}

a, button, .btn, input[type="submit"], input[type="button"] {
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 3 L3 15 L9 15 L9 21 L15 15 L21 15 L15 9 Z" fill="%2300e556"/></svg>') 3 3, pointer;
}

a:hover, button:hover, .btn:hover, input[type="submit"]:hover, input[type="button"]:hover {
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="none" stroke="%2300e556" stroke-width="1.5"/><line x1="12" y1="2" x2="12" y2="6" stroke="%2300e556" stroke-width="1.5"/><line x1="12" y1="18" x2="12" y2="22" stroke="%2300e556" stroke-width="1.5"/><line x1="2" y1="12" x2="6" y2="12" stroke="%2300e556" stroke-width="1.5"/><line x1="18" y1="12" x2="22" y2="12" stroke="%2300e556" stroke-width="1.5"/><circle cx="12" cy="12" r="2" fill="%2300e556"/></svg>') 12 12, pointer;
}

/* Matrix Background */
#matrix-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  display: none; /* light theme: off by default */
}

/* Dark theme: Matrix canvas is part of the experience */
html.dark #matrix-bg {
  display: block;
}

/* Lists - Hide default bullets sitewide */
ul, ol {
  list-style: none;
  padding-left: 0;
}

li {
  list-style: none;
}

/* Ensure sections have explicit font sizing to avoid browser deprecation warnings */
section {
  font-size: inherit;
}