/* --- Custom Cybersecurity Theme for labz4u.com --- */

/* Use a slightly more "tech" font for headings */
.md-typeset h1, .md-typeset h2, .md-typeset h3 {
  font-family: 'Roboto Mono', 'SFMono-Regular', 'Consolas', 'Liberation Mono', Menlo, monospace;
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* Add a subtle glow to the main site title */
.md-header__button.md-logo {
  text-shadow: 0 0 8px hsla(180, 100%, 50%, 0.5);
}

/* Make primary buttons pop with a glow effect */
.md-button--primary {
  box-shadow: 0 0 15px hsla(180, 100%, 50%, 0.4);
  transition: box-shadow 0.2s ease-in-out !important;
}

.md-button--primary:hover {
  box-shadow: 0 0 25px hsla(180, 100%, 50%, 0.7);
}

/* Style the "admonition" boxes (the green success boxes) to look more like terminal outputs */
.md-typeset .admonition.success, .md-typeset .admonition.note {
    border-left: 4px solid var(--md-primary-fg-color);
    background-color: hsla(0, 0%, 0%, 0.2);
}

/* Optional: Add a very subtle grid background to the entire page for a "blueprint" feel */
body {
    background-image: 
        linear-gradient(rgba(22, 27, 34, 0.95), rgba(22, 27, 34, 0.95)),
        linear-gradient(0deg, transparent 24%, hsla(0, 0%, 100%, 0.03) 25%, hsla(0, 0%, 100%, 0.03) 26%, transparent 27%, transparent 74%, hsla(0, 0%, 100%, 0.03) 75%, hsla(0, 0%, 100%, 0.03) 76%, transparent 77%, transparent),
        linear-gradient(90deg, transparent 24%, hsla(0, 0%, 100%, 0.03) 25%, hsla(0, 0%, 100%, 0.03) 26%, transparent 27%, transparent 74%, hsla(0, 0%, 100%, 0.03) 75%, hsla(0, 0%, 100%, 0.03) 76%, transparent 77%, transparent);
    background-size: 50px 50px;
}

/* --- Style for the homepage hero image --- */
.hero-image {
  max-width: 250px;
  height: auto;
  display: block;
  margin: 0 auto 2rem auto; /* Centers the image horizontally */
}