/* ---- agentwood docs · light visual polish (kept simple) ---- */

/* Framed, rounded content images with a soft shadow */
.md-typeset img {
  border-radius: 10px;
  max-width: 100%;
}
.md-typeset a.glightbox img,
.md-typeset p > img {
  border: 1px solid var(--md-default-fg-color--lightest);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12);
}

/* Hero image (first image on a page) sits a little larger and centered */
.md-typeset h1 + p img,
.md-typeset h1 + p + p img {
  display: block;
  margin: 1.2rem auto;
}

/* Grid cards: gentle lift on hover */
.md-typeset .grid.cards > ul > li,
.md-typeset .grid.cards > :not(ul) {
  border-radius: 12px;
  transition: box-shadow 120ms ease, transform 120ms ease;
}
.md-typeset .grid.cards > ul > li:hover {
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.14);
  transform: translateY(-2px);
}

/* Buttons: rounder, a touch more presence */
.md-typeset .md-button {
  border-radius: 8px;
}

/* Tables: tidy, full-width, subtle header tint */
.md-typeset table:not([class]) {
  border-radius: 10px;
  overflow: hidden;
}
.md-typeset table:not([class]) th {
  background: var(--md-default-fg-color--lightest);
}

/* Slightly roomier code blocks */
.md-typeset pre > code {
  border-radius: 10px;
}

/* Tighter, calmer admonition titles */
.md-typeset .admonition {
  border-radius: 10px;
}