/* ── Header ──────────────────────────────────────────────────── */
.md-header {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
}

/* ── Hero section (homepage) ─────────────────────────────────── */
.hero {
  border-radius: 16px;
  padding: 3.5rem 2rem 3rem;
  margin: 0.5rem 0 2.5rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}

[data-md-color-scheme="default"] .hero {
  background: linear-gradient(135deg, #00796b 0%, #e65100 100%);
  box-shadow: 0 8px 32px rgba(0, 121, 107, 0.30);
}

[data-md-color-scheme="slate"] .hero {
  background: linear-gradient(135deg, #37474f 0%, #283593 100%);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.40);
}

.hero h1 {
  color: #fff !important;
  font-size: 2.6rem;
  font-weight: 700;
  margin-bottom: 0.6rem;
  letter-spacing: -0.5px;
}

.hero p {
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 1.15rem;
  margin: 0;
}

/* ── Cards ───────────────────────────────────────────────────── */
.md-typeset .grid.cards > :is(ul, ol) > li {
  border-radius: 12px !important;
  border: 1px solid var(--md-default-border-color) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease !important;
}

.md-typeset .grid.cards > :is(ul, ol) > li:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.13) !important;
}

[data-md-color-scheme="slate"] .md-typeset .grid.cards > :is(ul, ol) > li {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25) !important;
}

[data-md-color-scheme="slate"] .md-typeset .grid.cards > :is(ul, ol) > li:hover {
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.40) !important;
}

/* ── Code blocks ─────────────────────────────────────────────── */
.md-typeset pre {
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10);
}

/* ── Content area ────────────────────────────────────────────── */
.md-content {
  animation: fadein 0.25s ease;
}

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

/* ── Admonitions ─────────────────────────────────────────────── */
.md-typeset .admonition,
.md-typeset details {
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

/* ── Tables ──────────────────────────────────────────────────── */
.md-typeset table:not([class]) {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
}