/* User Provided Stylesheet */

/* Fix search box blue tint in dark mode */
.dark .myst-search-bar {
  background-color: #262626 !important;
  border-color: #404040 !important;
}

.dark .myst-search-bar:hover {
  background-color: #303030 !important;
}

/* Fix modal backdrop blue tint */
.bg-\[\#656c85cc\] {
  background-color: rgba(38, 38, 38, 0.8) !important;
}

.myst-fm-block-header {
  display: none !important;
}

/* Custom header styling */
.myst-header-title {
  font-weight: 700;
  letter-spacing: -0.02em;
  background: linear-gradient(135deg, #0284c7 0%, #10b981 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Visual section separators */
article hr {
  border: none;
  height: 2px;
  background: linear-gradient(90deg, transparent, #e5e7eb 20%, #e5e7eb 80%, transparent);
  margin: 3rem 0;
}

.dark article hr {
  background: linear-gradient(90deg, transparent, #404040 20%, #404040 80%, transparent);
}

/* Card hover enhancement */
.grid-item-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.grid-item-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.dark .grid-item-card:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

/* Link accent color */
article a:not(.grid-item-card) {
  color: #0284c7;
  transition: color 0.2s ease;
}

article a:not(.grid-item-card):hover {
  color: #0369a1;
}

.dark article a:not(.grid-item-card) {
  color: #38bdf8;
}

.dark article a:not(.grid-item-card):hover {
  color: #0ea5e9;
}

/* Card hover border accent */
.grid-item-card:hover {
  border-color: #0284c7;
}

.dark .grid-item-card:hover {
  border-color: #38bdf8;
}

/* Inline code accent - exclude code blocks in paragraphs */
article code:not(pre code):not(p > code) {
  border-left: 2px solid #0284c7;
  padding-left: 0.5em;
}

.dark article code:not(pre code):not(p > code) {
  border-left-color: #38bdf8;
}

/* Blockquote and pull quote accent - single bar only */
article blockquote:not(.pull-quote blockquote),
.pull-quote {
  border-left: 4px solid #0284c7 !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
  padding-left: 1.5rem;
}

.dark article blockquote:not(.pull-quote blockquote),
.dark .pull-quote {
  border-left-color: #38bdf8 !important;
}

/* Remove border from blockquotes inside pull-quote containers to avoid double bars */
.pull-quote blockquote {
  border: none !important;
  padding-left: 0 !important;
}

/* Remove border from figures containing blockquotes/pull-quotes to avoid double bars */
figure:has(blockquote),
figure:has(.pull-quote) {
  border: none !important;
}

/* Section heading accent (h3) */
article h3 {
  border-bottom: 2px solid #0284c7;
  padding-bottom: 0.5rem;
  display: inline-block;
}

.dark article h3 {
  border-bottom-color: #38bdf8;
}