/* Jet black dark mode - comprehensive variable updates */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #000000;
  --md-default-bg-color--light: #000000;
  --md-default-bg-color--lighter: #000000;
  --md-default-bg-color--lightest: #000000;
  --md-footer-bg-color: #000000;
  --md-header-bg-color: #000000;
  --md-sidebar-bg-color: #000000;
  --md-toc-bg-color: #000000;
  --md-typeset-color: #ffffff;
  --md-typeset-a-color: #2196f3;
  --md-header-fg-color: #ffffff;
  --md-header-fg-color--light: #ffffff;
  --md-primary-fg-color: #ffffff;
  --md-primary-bg-color: #000000;
  --md-accent-fg-color: #ffffff;
  --md-accent-bg-color: #000000;
}

/* Light mode variables - comprehensive */
[data-md-color-scheme="default"] {
  --md-default-bg-color: #ffffff;
  --md-default-bg-color--light: #ffffff;
  --md-default-bg-color--lighter: #ffffff;
  --md-default-bg-color--lightest: #ffffff;
  --md-footer-bg-color: #ffffff;
  --md-header-bg-color: #000000;
  --md-sidebar-bg-color: #ffffff;
  --md-toc-bg-color: #ffffff;
  --md-typeset-color: #000000;
  --md-typeset-a-color: #00a152;
  --md-header-fg-color: #ffffff;
  --md-header-fg-color--light: #ffffff;
  --md-primary-fg-color: #ffffff;
  --md-primary-bg-color: #000000;
  --md-accent-fg-color: #000000;
  --md-accent-bg-color: #ffffff;
}

/* Keep only the background colors, let Material handle text colors naturally */
[data-md-color-scheme="slate"] .md-header {
  background-color: #000000 !important;
}

[data-md-color-scheme="slate"] .md-header__inner {
  background-color: #000000 !important;
}

[data-md-color-scheme="slate"] .md-header__source {
  background-color: #000000 !important;
}

/* Force white text in dark mode */
[data-md-color-scheme="slate"] .md-header__title {
  color: #ffffff !important;
}

[data-md-color-scheme="slate"] .md-header__button {
  color: #ffffff !important;
}

[data-md-color-scheme="slate"] .md-nav__title {
  color: #ffffff !important;
}

[data-md-color-scheme="slate"] .md-nav__link {
  color: #ffffff !important;
}

[data-md-color-scheme="slate"] .md-nav__item a {
  color: #ffffff !important;
}

[data-md-color-scheme="slate"] .md-tabs__link {
  color: #ffffff !important;
}

[data-md-color-scheme="slate"] .md-tabs__item {
  color: #ffffff !important;
}

/* Force white text in light mode too */
[data-md-color-scheme="default"] .md-header__title {
  color: #ffffff !important;
}

[data-md-color-scheme="default"] .md-header__button {
  color: #ffffff !important;
}

[data-md-color-scheme="default"] .md-nav__title {
  color: #ffffff !important;
}

[data-md-color-scheme="default"] .md-nav__link {
  color: #ffffff !important;
}

[data-md-color-scheme="default"] .md-nav__item a {
  color: #ffffff !important;
}

[data-md-color-scheme="default"] .md-tabs__link {
  color: #ffffff !important;
}

[data-md-color-scheme="default"] .md-tabs__item {
  color: #ffffff !important;
}

/* Dark background for light mode header so white text is visible */
[data-md-color-scheme="default"] .md-header {
  background-color: #000000 !important;
}

[data-md-color-scheme="default"] .md-header__inner {
  background-color: #000000 !important;
}

[data-md-color-scheme="default"] .md-header__source {
  background-color: #000000 !important;
}

/* Ensure navigation tabs are also pitch black in light mode */
[data-md-color-scheme="default"] .md-tabs {
  background: #000000 !important;
}

/* Override Material theme CSS variables for light mode */
[data-md-color-scheme="default"] {
  --md-header-bg-color: #000000 !important;
  --md-primary-bg-color: #000000 !important;
}

/* Table of contents text in light mode */
[data-md-color-scheme="default"] .md-sidebar .md-nav__link {
  color: #000000 !important;
}

[data-md-color-scheme="default"] .md-sidebar .md-nav__item a {
  color: #000000 !important;
}

[data-md-color-scheme="default"] .md-sidebar .md-nav__title {
  color: #000000 !important;
}

/* Reduce font size of navigation bar items with high specificity */
[data-md-color-scheme="default"] .md-tabs__link,
[data-md-color-scheme="default"] .md-tabs__link.md-tabs__link {
  font-size: 0.85rem !important;
}

[data-md-color-scheme="default"] .md-header__title,
[data-md-color-scheme="default"] .md-header__title.md-header__title {
  font-size: 0.85rem !important;
}

/* Also reduce font size for dark theme */
[data-md-color-scheme="slate"] .md-tabs__link,
[data-md-color-scheme="slate"] .md-tabs__link.md-tabs__link {
  font-size: 0.85rem !important;
}

[data-md-color-scheme="slate"] .md-header__title,
[data-md-color-scheme="slate"] .md-header__title.md-header__title {
  font-size: 0.85rem !important;
}

/* Table of contents text in light mode */
[data-md-color-scheme="default"] .md-sidebar .md-nav__link {
  color: #000000 !important;
}

[data-md-color-scheme="default"] .md-sidebar .md-nav__item a {
  color: #000000 !important;
}

[data-md-color-scheme="default"] .md-sidebar .md-nav__title {
  color: #000000 !important;
}

/* Jet black primary colors */
[data-md-color-primary="black"] {
  --md-primary-fg-color: #ffffff;
  --md-primary-bg-color: #000000;
}

/* Professional enhancements */
.md-header {
  box-shadow: 0 0 0.2rem rgba(0,0,0,.1), 0 0.2rem 0.4rem rgba(0,0,0,.1);
}

/* Hover effects for header navigation */
.md-header .md-nav__link:hover {
  color: #ffffff !important;
  background-color: rgba(255,255,255,0.1);
  border-radius: 4px;
}

/* Hover effects for sidebar navigation in dark mode */
[data-md-color-scheme="slate"] .md-sidebar .md-nav__link:hover {
  color: #ffffff !important;
  background-color: rgba(255,255,255,0.1);
  border-radius: 4px;
}

/* Hover effects for sidebar navigation in light mode */
[data-md-color-scheme="default"] .md-sidebar .md-nav__link:hover {
  color: #000000 !important;
  background-color: rgba(0,0,0,0.1);
  border-radius: 4px;
}

/* Smooth transitions */
.md-nav__link, .md-header__button, .md-tabs__link {
  transition: all 0.2s ease-in-out;
}

/* Better code blocks */
.md-typeset code {
  background-color: rgba(0,0,0,0.1);
  border-radius: 3px;
  padding: 2px 4px;
}

/* Professional buttons */
.md-button {
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}

.md-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* Professional card-style content */
.md-content__inner {
  background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.02) 100%);
  border-radius: 8px;
  padding: 2rem;
  margin: 1rem 0;
  border: 1px solid rgba(255,255,255,0.1);
}

/* Enhanced tables */
.md-typeset table {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.md-typeset table th {
  background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);
  color: #ffffff;
  font-weight: 600;
}

/* Professional admonitions */
.md-typeset .admonition {
  border-radius: 8px;
  border-left: 4px solid;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Custom tip admonition styling to match hero section outline colors */
/* Dark theme: neon green outline like hero section */
[data-md-color-scheme="slate"] .md-typeset .admonition.tip {
  border-color: #00ff88 !important;
  border-left: 4px solid #00ff88 !important;
  box-shadow: 0 2px 8px rgba(0,255,136,0.2), 0 0 0 1px rgba(0,255,136,0.1);
}

[data-md-color-scheme="slate"] .md-typeset .admonition.tip .admonition-title {
  background-color: rgba(0,255,136,0.1) !important;
  color: #ffffff !important;
  border-bottom: 1px solid rgba(0,255,136,0.2) !important;
}

/* Make the flame icon/widget the same neon green color as the border */
[data-md-color-scheme="slate"] .md-typeset .admonition.tip .admonition-title::before {
  color: #00ff88 !important;
}

/* Alternative approach - target the icon directly */
[data-md-color-scheme="slate"] .md-typeset .admonition.tip .admonition-title::after {
  color: #00ff88 !important;
}

/* Force the icon color with higher specificity */
[data-md-color-scheme="slate"] .md-typeset .admonition.tip .admonition-title::before,
[data-md-color-scheme="slate"] .md-typeset .admonition.tip .admonition-title::after {
  color: #00ff88 !important;
}

/* Light theme: revert to original Material theme styling */
[data-md-color-scheme="default"] .md-typeset .admonition.tip {
  /* Use Material theme's default tip colors */
  border-color: #00bfa5 !important;
  border-left: 4px solid #00bfa5 !important;
}

[data-md-color-scheme="default"] .md-typeset .admonition.tip .admonition-title {
  background-color: rgba(0,191,165,0.1) !important;
  color: #000000 !important;
  border-bottom: 1px solid rgba(0,191,165,0.2) !important;
}

/* Smooth page transitions */
.md-content {
  animation: fadeIn 0.3s ease-in-out;
}

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

/* Professional footer styling */
.md-footer-logo {
  display: flex;
  align-items: center;
  font-weight: 500;
}

.md-footer-logo img {
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
}

/* Custom Hero Section - Dark Mode */
/* --- Spaceship Console Hero Section --- */
.hero-section {
  background: linear-gradient(135deg, #10131a 60%, #232b3a 100%);
  color: #e0f7fa;
  padding: 4rem 2rem;
  margin: -2rem -2rem 0 -2rem;
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.45) inset, 0 2px 24px #00ffd033, 0 -2px 24px #00ffd033;
  border: 2px solid #00ffd0;
  position: relative;
  overflow: hidden;
}
.hero-section::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 20px;
  pointer-events: none;
  box-shadow: 0 0 40px 8px #00ffd044 inset;
  z-index: 0;
}
.hero-content {
  position: relative;
  z-index: 1;
  background: rgba(20, 30, 40, 0.85);
  border-radius: 14px;
  box-shadow: 0 2px 24px #00ffd022;
  padding: 2.5rem;
  border: 1.5px solid #00ffd055;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}
.hero-title {
  font-family: 'Orbitron', 'Manrope', 'Segoe UI', Arial, sans-serif;
  font-size: 3.2rem;
  letter-spacing: 0.04em;
  color: #00ffd0;
  text-shadow: 0 0 8px #00ffd099, 0 2px 8px #000a;
}
.hero-description {
  color: #e0f7fa;
  font-size: 1.05rem;
  margin-bottom: 2rem;
  text-shadow: 0 1px 4px #000a;
}
.hero-button {
  background: linear-gradient(90deg, #00ffd0 0%, #00bfae 100%);
  color: #10131a;
  border: none;
  border-radius: 8px;
  font-weight: 700;
  font-size: 1.1rem;
  padding: 0.9rem 2.2rem;
  box-shadow: 0 2px 16px #00ffd055;
  transition: box-shadow 0.2s, transform 0.2s, background 0.2s;
  text-shadow: none;
}
.hero-button:hover {
  background: linear-gradient(90deg, #00ffd0 0%, #00ffb3 100%);
  box-shadow: 0 4px 32px #00ffd099;
  transform: translateY(-2px) scale(1.04);
}
/* --- End Spaceship Console Hero Section --- */

/* Custom Hero Section - Light Mode */
/* Light theme hero section: dark navy blue accent */
[data-md-color-scheme="default"] .hero-section {
  background: linear-gradient(135deg, #e8fcfa 60%, #e9f7ff 100%);
  color: #10131a;
  border-radius: 20px;
  border: 2px solid #0a2342;
  box-shadow: 0 8px 32px rgba(10,35,66,0.10) inset, 0 2px 24px #0a234233, 0 -2px 24px #0a234233;
}
[data-md-color-scheme="default"] .hero-section::before {
  box-shadow: 0 0 40px 8px #0a234222 inset;
}
[data-md-color-scheme="default"] .hero-content {
  background: rgba(255,255,255,0.92);
  color: #10131a;
  border-radius: 14px;
  border: 1.5px solid #0a2342;
  box-shadow: 0 2px 24px #0a234222;
  backdrop-filter: blur(1.5px);
  -webkit-backdrop-filter: blur(1.5px);
}
[data-md-color-scheme="default"] .hero-title {
  color: #06122b !important;
  text-shadow:
    1px 0 0 #002060,
    -1px 0 0 #002060,
    0 1px 0 #002060,
    0 -1px 0 #002060,
    1px 1px 0 #002060,
    -1px -1px 0 #002060,
    1px -1px 0 #002060,
    -1px 1px 0 #002060,
    0 0 6px #00bfff26,   /* very light, transparent blue glow */
    0 2px 0 #fff;        /* subtle highlight for depth */
}
[data-md-color-scheme="default"] .hero-description {
  color: #232b3a;
  text-shadow: 0 1px 4px #fff8;
}
[data-md-color-scheme="default"] .hero-button {
  background: linear-gradient(90deg, #0a2342 0%, #274472 100%);
  color: #fff;
  box-shadow: 0 2px 16px #0a234255;
}
[data-md-color-scheme="default"] .hero-button:hover {
  background: linear-gradient(90deg, #274472 0%, #0a2342 100%);
  box-shadow: 0 4px 32px #0a234299;
}

/* Dark theme hero section: neon/dark forest green accent */
[data-md-color-scheme="slate"] .hero-section {
  border: 2px solid #00ff88;
  box-shadow: 0 8px 32px rgba(0,255,136,0.10) inset, 0 2px 24px #00ff8833, 0 -2px 24px #00ff8833;
}
[data-md-color-scheme="slate"] .hero-section::before {
  box-shadow: 0 0 40px 8px #00ff8822 inset;
}
[data-md-color-scheme="slate"] .hero-content {
  border: 1.5px solid #00ff88;
  box-shadow: 0 2px 24px #00ff8822;
}
[data-md-color-scheme="slate"] .hero-title {
  color: #00ff88;
  text-shadow: 0 0 8px #00ff8899, 0 2px 8px #000a;
}
[data-md-color-scheme="slate"] .hero-button {
  background: linear-gradient(90deg, #00ff88 0%, #0a4d2c 100%);
  color: #10131a;
  box-shadow: 0 2px 16px #00ff8855;
}
[data-md-color-scheme="slate"] .hero-button:hover {
  background: linear-gradient(90deg, #0a4d2c 0%, #00ff88 100%);
  box-shadow: 0 4px 32px #00ff8899;
}

.hero-content {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1.5rem;
}

.hero-text {
  flex: 1;
  min-width: 0;
  max-width: calc(100% - 210px);
}

/* Hero title - Dark Mode */
[data-md-color-scheme="slate"] .hero-title {
  font-size: 3.5rem;
  font-weight: 700;
  margin: 0 0 1rem 0;
  background: linear-gradient(135deg, #ffffff 0%, #cccccc 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Hero title - Light Mode */
[data-md-color-scheme="default"] .hero-title {
  font-size: 3.5rem;
  font-weight: 700;
  margin: 0 0 1rem 0;
  background: linear-gradient(135deg, #000000 0%, #333333 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hero-description {
  font-size: 1.05rem;
  line-height: 1.6;
  margin: 0 0 2rem 0;
  opacity: 0.9;
}

.hero-actions {
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
}

@media (min-width: 1100px) {
  .hero-actions {
    flex-wrap: nowrap;
  }
}

.hero-button {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  border: 2px solid transparent;
  white-space: nowrap;
  flex-shrink: 0;
}

/* Hero buttons - Dark Mode */
[data-md-color-scheme="slate"] .hero-button.primary {
  background: #ffffff;
  color: #000000;
}

[data-md-color-scheme="slate"] .hero-button.primary:hover {
  background: #f0f0f0;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255,255,255,0.3);
}

[data-md-color-scheme="slate"] .hero-button.secondary {
  background: transparent;
  color: #ffffff;
  border-color: #ffffff;
}

[data-md-color-scheme="slate"] .hero-button.secondary:hover {
  background: #ffffff;
  color: #000000;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255,255,255,0.2);
}

/* Hero buttons - Light Mode */
[data-md-color-scheme="default"] .hero-button.primary {
  background: #000000;
  color: #ffffff;
}

[data-md-color-scheme="default"] .hero-button.primary:hover {
  background: #333333;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.3);
}

[data-md-color-scheme="default"] .hero-button.secondary {
  background: transparent;
  color: #000000;
  border-color: #000000;
}

[data-md-color-scheme="default"] .hero-button.secondary:hover {
  background: #000000;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.2);
}

.hero-image {
  flex-shrink: 0;
  flex-basis: 192px;
  max-width: 192px;
  width: 192px;
  margin-left: auto;
  margin-right: 20px;
  transform: translateY(-40px);
}

.hero-image img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

/* Responsive design */
@media (max-width: 768px) {
  .hero-content {
    flex-direction: column;
    text-align: center;
  }
  
  .hero-title {
    font-size: 2.5rem;
  }
  
  .hero-image img {
    width: 150px;
  }
}

/* Watermark Background */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url('../images/logo-07.png');
  background-size: 80% auto;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.06;
  z-index: -1;
  pointer-events: none;
}

/* TOC/Sidebar: Professional, unified with hero accent */
.md-sidebar .md-nav__link {
  font-family: inherit !important;
  font-weight: 500;
  letter-spacing: 0.01em;
  position: relative;
  transition: color 0.18s, background 0.18s, font-weight 0.18s;
  text-shadow: none !important;
  border-radius: 6px;
  margin: 0 0.1em;
  padding: 0.2em 0.6em;
}

/* Add spacing between Home and About dFL - using more general selectors */
.md-sidebar .md-nav__list {
  margin-bottom: 1rem;
}

/* Target all navigation items to add spacing */
.md-sidebar .md-nav__item {
  margin-bottom: 0.5rem;
}

/* Add extra spacing to the first content section */
.md-sidebar .md-nav__list .md-nav__list {
  margin-top: 0.5rem;
}

/* Alternative: use padding instead of margin */
.md-sidebar .md-nav__list .md-nav__list {
  padding-top: 0.5rem;
}

/* Reduce spacing between h3 (###) elements */
.md-content h3 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

/* Alternative: target all heading levels for consistent spacing */
.md-content h1, .md-content h2, .md-content h3, .md-content h4, .md-content h5, .md-content h6 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
[data-md-color-scheme="default"] .md-sidebar .md-nav__link:hover,
[data-md-color-scheme="default"] .md-sidebar .md-nav__link--active {
  color: #00bfff !important;
  background: #e8fcfa !important;
  font-weight: 600;
  box-shadow: 0 1px 8px #e8fcfa33;
}
[data-md-color-scheme="slate"] .md-sidebar .md-nav__link:hover,
[data-md-color-scheme="slate"] .md-sidebar .md-nav__link--active {
  color: #00ff88 !important;
  background: #00331a !important;
  font-weight: 600;
  box-shadow: 0 1px 8px #00ff8833;
}

/* Header nav links: unified highlight with TOC/hero accent */
.md-tabs__item > .md-tabs__link,
.md-tabs__link {
  font-family: inherit !important;
  font-weight: 500;
  font-size: 0.9rem !important;
  letter-spacing: 0.01em;
  position: relative;
  transition: color 0.18s, background 0.18s, font-weight 0.18s;
  text-shadow: none !important;
  border-radius: 6px;
  margin: 0 0.05em;
  padding: 0.2em 0.5em;
}

/* Vertically center the navigation tabs in the nav bar */
.md-tabs {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  background: rgba(255, 255, 255, 0.02) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Light theme navigation styling */
[data-md-color-scheme="default"] .md-tabs {
  background: rgba(0, 0, 0, 0.08) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
}

.md-tabs__list {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}

.md-tabs__item {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}

/* Responsive behavior for smaller screens */
@media (max-width: 768px) {
  .md-tabs__link {
    font-size: 0.85rem !important;
    padding: 0.15em 0.6em !important;
  }
}
[data-md-color-scheme="default"] .md-tabs__item > .md-tabs__link:hover,
[data-md-color-scheme="default"] .md-tabs__link:hover {
  color: #00bfff !important;
  background: #e8fcfa !important;
  font-weight: 600;
  box-shadow: 0 1px 8px #e8fcfa33;
}

/* Light theme: Active tab gets same styling as hover - higher specificity */
[data-md-color-scheme="default"] .md-tabs__item.md-tabs__item--active .md-tabs__link,
[data-md-color-scheme="default"] .md-tabs__item > .md-tabs__link--active,
[data-md-color-scheme="default"] .md-tabs__link--active,
[data-md-color-scheme="default"] .md-tabs__item--active .md-tabs__link {
  color: #00bfff !important;
  background: #e8fcfa !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 8px #e8fcfa33 !important;
  border-radius: 6px !important;
}
[data-md-color-scheme="slate"] .md-tabs__item > .md-tabs__link:hover,
[data-md-color-scheme="slate"] .md-tabs__link:hover {
  color: #00ff88 !important;
  background: #00331a !important;
  font-weight: 600;
  box-shadow: 0 1px 8px #00ff8833;
}

/* Dark theme: Active tab gets same styling as hover - higher specificity */
[data-md-color-scheme="slate"] .md-tabs__item.md-tabs__item--active .md-tabs__link,
[data-md-color-scheme="slate"] .md-tabs__item > .md-tabs__link--active,
[data-md-color-scheme="slate"] .md-tabs__link--active,
[data-md-color-scheme="slate"] .md-tabs__item--active .md-tabs__link {
  color: #00ff88 !important;
  background: #00331a !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 8px #00ff8833 !important;
  border-radius: 6px !important;
}

/* Themed search bar: transparent green in dark, transparent blue in light */
[data-md-color-scheme="slate"] .md-search, [data-md-color-scheme="slate"] .md-header__search {
  background: rgba(0, 255, 136, 0.18) !important; /* transparent green */
  color: #fff !important;
  border-radius: 6px;
  border: 1.5px solid #00ff88 !important;
  box-shadow: 0 2px 8px #00ff8833;
  padding: 0.2rem 0.5rem !important; /* Reduced padding for less height */
  height: auto !important;
  min-height: 2rem !important;
}

/* Dark theme: Target search input specifically with higher specificity */
[data-md-color-scheme="slate"] .md-search__form {
  padding: 0.1rem 0.3rem !important;
  height: 2rem !important;
}

[data-md-color-scheme="slate"] .md-search__input {
  padding: 0.1rem 0.3rem !important;
  padding-left: 1.8rem !important; /* Move text away from icon */
  height: 1.6rem !important;
  line-height: 1.1 !important;
  font-size: 0.9rem !important;
}

[data-md-color-scheme="slate"] .md-search__icon {
  height: 1.2rem !important;
  width: 1.2rem !important;
  padding: 0.1rem !important;
}

/* More aggressive targeting for search bar */
[data-md-color-scheme="slate"] .md-header__search,
[data-md-color-scheme="slate"] .md-search.md-search--active,
[data-md-color-scheme="slate"] .md-search {
  padding: 0.1rem 0.3rem !important;
  height: 2rem !important;
  min-height: 2rem !important;
  max-height: 2rem !important;
}

/* Site name styling for dark theme - match search bar border color */
[data-md-color-scheme="slate"] .md-header__title {
  color: #00ff88 !important;
}
[data-md-color-scheme="slate"] .md-search__input {
  color: #fff !important;
  background: transparent !important;
}
[data-md-color-scheme="slate"] .md-search__icon {
  color: #00ff88 !important;
}

[data-md-color-scheme="default"] .md-search, [data-md-color-scheme="default"] .md-header__search {
  background: rgba(0, 191, 255, 0.18) !important; /* transparent blue */
  color: #06122b !important;
  border-radius: 6px;
  border: 1.5px solid #00bfff !important;
  box-shadow: 0 2px 8px #00bfff33;
  padding: 0.2rem 0.5rem !important; /* Reduced padding for less height */
  height: auto !important;
  min-height: 2rem !important;
}

/* Light theme: Target search input specifically with higher specificity */
[data-md-color-scheme="default"] .md-search__form {
  padding: 0.1rem 0.3rem !important;
  height: 2rem !important;
}

[data-md-color-scheme="default"] .md-search__input {
  padding: 0.1rem 0.3rem !important;
  padding-left: 1.8rem !important; /* Move text away from icon */
  height: 1.6rem !important;
  line-height: 1.1 !important;
  font-size: 0.9rem !important;
}

[data-md-color-scheme="default"] .md-search__icon {
  height: 1.2rem !important;
  width: 1.2rem !important;
  padding: 0.1rem !important;
}

/* More aggressive targeting for search bar */
[data-md-color-scheme="default"] .md-header__search,
[data-md-color-scheme="default"] .md-search.md-search--active,
[data-md-color-scheme="default"] .md-search {
  padding: 0.1rem 0.3rem !important;
  height: 2rem !important;
  min-height: 2rem !important;
  max-height: 2rem !important;
}

/* Site name styling for light theme - match search bar border color */
[data-md-color-scheme="default"] .md-header__title {
  color: #00bfff !important;
}
[data-md-color-scheme="default"] .md-search__input {
  color: #06122b !important;
  background: transparent !important;
}
[data-md-color-scheme="default"] .md-search__icon {
  color: #00bfff !important;
}

/* Reduce spacing between navigation bar elements for both themes */
.md-tabs__item {
  margin: 0 0.1rem !important;
}

.md-tabs__link {
  padding: 0.3rem 0.4rem !important;
  margin: 0 !important;
}

.md-header__title {
  margin: 0 0.5rem !important;
}

.md-header__button {
  margin: 0 0.2rem !important;
  padding: 0.3rem !important;
}

/* More specific spacing overrides to force changes */
[data-md-color-scheme="default"] .md-tabs__item,
[data-md-color-scheme="default"] .md-tabs__item.md-tabs__item {
  margin: 0 0.1rem !important;
  padding: 0 !important;
}

[data-md-color-scheme="default"] .md-tabs__link,
[data-md-color-scheme="default"] .md-tabs__link.md-tabs__link {
  padding: 0.3rem 0.4rem !important;
  margin: 0 !important;
}

[data-md-color-scheme="slate"] .md-tabs__item,
[data-md-color-scheme="slate"] .md-tabs__item.md-tabs__item {
  margin: 0 0.1rem !important;
  padding: 0 !important;
}

[data-md-color-scheme="slate"] .md-tabs__link,
[data-md-color-scheme="slate"] .md-tabs__link.md-tabs__link {
  padding: 0.3rem 0.4rem !important;
  margin: 0 !important;
}

/* Override any Material theme spacing */
.md-tabs .md-tabs__item {
  margin: 0 0.1rem !important;
}

.md-tabs .md-tabs__link {
  padding: 0.3rem 0.4rem !important;
  margin: 0 !important;
}

/* Maximum specificity overrides for light mode navigation bar */
[data-md-color-scheme="default"] .md-header.md-header.md-header {
  background-color: #000000 !important;
  background: #000000 !important;
}

[data-md-color-scheme="default"] .md-header__inner.md-header__inner.md-header__inner {
  background-color: #000000 !important;
  background: #000000 !important;
}

[data-md-color-scheme="default"] .md-header__source.md-header__source.md-header__source {
  background-color: #000000 !important;
  background: #000000 !important;
}

[data-md-color-scheme="default"] .md-tabs.md-tabs.md-tabs {
  background: #000000 !important;
  background: #000000 !important;
}

[data-md-color-scheme="default"] .md-tabs__list.md-tabs__list.md-tabs__list {
  background: #000000 !important;
  background: #000000 !important;
}

[data-md-color-scheme="default"] .md-tabs__item.md-tabs__item.md-tabs__item {
  background: #000000 !important;
  background: #000000 !important;
}

/* Force theme updates for all elements regardless of scroll position */
[data-md-color-scheme="slate"] * {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}

[data-md-color-scheme="default"] * {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}

/* Ensure all content areas update properly */
[data-md-color-scheme="slate"] .md-content,
[data-md-color-scheme="slate"] .md-content__inner,
[data-md-color-scheme="slate"] .md-main,
[data-md-color-scheme="slate"] .md-main__inner {
  background-color: var(--md-default-bg-color) !important;
  color: var(--md-typeset-color) !important;
}

[data-md-color-scheme="default"] .md-content,
[data-md-color-scheme="default"] .md-content__inner,
[data-md-color-scheme="default"] .md-main,
[data-md-color-scheme="default"] .md-main__inner {
  background-color: var(--md-default-bg-color) !important;
  color: var(--md-typeset-color) !important;
}

/* Force sidebar updates */
[data-md-color-scheme="slate"] .md-sidebar,
[data-md-color-scheme="slate"] .md-sidebar__inner {
  background-color: var(--md-sidebar-bg-color) !important;
}

[data-md-color-scheme="default"] .md-sidebar,
[data-md-color-scheme="default"] .md-sidebar__inner {
  background-color: var(--md-sidebar-bg-color) !important;
}

/* Force footer updates */
[data-md-color-scheme="slate"] .md-footer {
  background-color: var(--md-footer-bg-color) !important;
}

[data-md-color-scheme="default"] .md-footer {
  background-color: var(--md-footer-bg-color) !important;
}

/* Theme-specific image visibility */
[data-md-color-scheme="slate"] .theme-image-light {
  display: none !important;
}

[data-md-color-scheme="default"] .theme-image-dark {
  display: none !important;
}

/* Dark theme: blue links (original) */
[data-md-color-scheme="slate"] .md-typeset a,
[data-md-color-scheme="slate"] .md-typeset a:link,
[data-md-color-scheme="slate"] .md-typeset a:visited {
  color: #2196f3 !important;
}

[data-md-color-scheme="slate"] .md-typeset a:hover,
[data-md-color-scheme="slate"] .md-typeset a:focus {
  color: #42a5f5 !important;
}

/* Light theme: vibrant green - more neon, less olive */
[data-md-color-scheme="default"] .md-typeset a,
[data-md-color-scheme="default"] .md-typeset a:link,
[data-md-color-scheme="default"] .md-typeset a:visited {
  color: #00a152 !important;
}

[data-md-color-scheme="default"] .md-typeset a:hover,
[data-md-color-scheme="default"] .md-typeset a:focus {
  color: #00bfff !important;
}

/* Ensure links in content areas are correct colors */
[data-md-color-scheme="slate"] .md-content a,
[data-md-color-scheme="slate"] .md-content__inner a {
  color: #2196f3 !important;
}

[data-md-color-scheme="default"] .md-content a,
[data-md-color-scheme="default"] .md-content__inner a {
  color: #00a152 !important;
}

/* Show light/dark-specific media */
[data-md-color-scheme="default"] .only-dark { display: none !important; }
[data-md-color-scheme="default"] .only-light { display: block !important; }
[data-md-color-scheme="slate"] .only-light { display: none !important; }
[data-md-color-scheme="slate"] .only-dark { display: block !important; }

/* Hide the duplicate page title link but keep its ToC */
.md-sidebar--primary .md-nav__item--nested > .md-nav > .md-nav__list > .md-nav__item:first-child > .md-nav__link {
  display: none !important;
}

/* Hide the ToC title */
.md-sidebar--primary .md-nav__item--nested > .md-nav > .md-nav__list > .md-nav__item:first-child > .md-nav > .md-nav__title {
  display: none !important;
}

/* Hide sibling nav items (other pages in section) when first page is active */
/* This hides "Data Provider Scripts", "Utility Scripts" nav items */
.md-sidebar--primary .md-nav__item--nested > .md-nav > .md-nav__list > .md-nav__item:first-child.md-nav__item--active ~ .md-nav__item {
  display: none !important;
}

/* Promote the ToC items (H2 headings) up one level visually */
.md-sidebar--primary .md-nav__item--nested > .md-nav > .md-nav__list > .md-nav__item:first-child > .md-nav > .md-nav__list {
  margin-left: 0 !important;
  padding-left: 0 !important;
}