/* hazel-terminal.css - Dual Obsidian/Jupyter Book Support */

/* Scoped specifically to the terminal CSS classes so it doesn't bleed globally */
.hazel-1995,
.retro-terminal,
.hazel-terminal {
  background-color: #001100 !important;
  color: #68db84 !important; /* Phosphor green */
  font-family: "VT323", monospace !important;
  line-height: 1.2;
  /* Ensure the container takes up the full space */
  min-height: 100vh;
  margin: -1.5rem; /* Offset Jupyter Book's default padding */
  padding: 1.5rem;
}

/* The Scanline Overlay */
.hazel-1995::before,
.retro-terminal::before,
.hazel-terminal::before {
  content: " ";
  position: fixed;
  top: 0; left: 0; width: 100vw; height: 100vh;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), 
              linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  background-size: 100% 4px, 3px 100%;
  pointer-events: none;
  z-index: 9999; /* Ensures scanlines go over the UI */
}

/* Slow Load Animation (SDA) */
.hazel-1995 p,
.retro-terminal p,
.hazel-terminal p {
  animation: line-reveal linear both;
  animation-timeline: view();
  animation-range: entry 10% entry 30%;
}

@keyframes line-reveal {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Override the Jupyter Book sidebars ONLY when we are inside a terminal page container.
   (Note: Jupyter Book puts the sidebar outside the article div, so we can't style the sidebar 
   from inside the div. The sidebar will remain default, but the main reading pane will be a terminal!) */