/* Particles.js Container */

#particles-js {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}

/* Checkbox Tweaks */

input[type="checkbox"] {
  margin-right: 10px;
}

/* Make checked checkboxes in markdown-body more definitive */
.markdown-body input[type="checkbox"]:checked:disabled {
  background-color: #38bdf8 !important;
  border-color: #38bdf8 !important;
  box-shadow: 0 0 0 2px #38bdf8 !important;
  accent-color: #38bdf8 !important;
  opacity: 1 !important;
}
.markdown-body input[type="checkbox"],
.markdown-body label {
  pointer-events: none;
}
.markdown-body input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 1.25em;
  height: 1.25em;
  background-color: #0f172a;
  border: 2px solid #38bdf8;
  border-radius: 4px;
  position: relative;
  cursor: default;
  pointer-events: none;
  margin-right: 10px;
  outline: none !important;
  box-shadow: none !important;
}
.markdown-body input[type="checkbox"]:checked {
  background-color: #38bdf8;
  border-color: #38bdf8;
}
.markdown-body input[type="checkbox"]:checked::after {
  content: '';
  display: block;
  position: absolute;
  left: 0.35em;
  top: 0.15em;
  width: 0.35em;
  height: 0.7em;
  border: solid #0f172a;
  border-width: 0 0.2em 0.2em 0;
  transform: rotate(45deg);
}
.markdown-body input[type="checkbox"]:focus,
.markdown-body input[type="checkbox"]:hover,
.markdown-body input[type="checkbox"]:active {
  outline: none !important;
  box-shadow: none !important;
  cursor: default;
}

@font-face {
  font-family: 'Atkinson Hyperlegible';
  src: url('/assets/AtkinsonHyperlegible-Regular.woff2') format('woff2'),
       url('/assets/AtkinsonHyperlegible-Regular.ttf') format('truetype');
}

/* Minimal markdown-body styles for lists and code blocks (dark theme compatible) */
.markdown-body ul,
.markdown-body ol {
  margin-left: 2em;
  margin-bottom: 1em;
}
.markdown-body li {
  margin-bottom: 0.5em;
}
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  color: #38bdf8; /* Tailwind sky-400 */
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  font-weight: 700;
  line-height: 1.2;
}
.markdown-body h1 {
  font-size: 2.25em;
}
.markdown-body h2 {
  font-size: 1.75em;
}
.markdown-body h3 {
  font-size: 1.5em;
}
.markdown-body h4 {
  font-size: 1.25em;
}
.markdown-body h5 {
  font-size: 1.1em;
}
.markdown-body h6 {
  font-size: 1em;
}
.markdown-body code {
  background: #1e293b; /* Tailwind slate-800 */
  color: #facc15; /* Tailwind yellow-400 for contrast */
  padding: 0.2em 0.4em;
  border-radius: 4px;
  font-size: 0.95em;
}
.markdown-body pre {
  background: #1e293b;
  color: #facc15;
  padding: 1em;
  border-radius: 6px;
  overflow-x: auto;
  margin-bottom: 1em;
}