/* =========================================
   Engine banners (Modern / Classic)
   ========================================= */

:root {
  /* Modern */
  --engine-modern-bg: #f3f0ff;
  --engine-modern-border: #7c3aed;
  --engine-modern-title: #464b84;

  /* Classic */
  --engine-classic-bg: #fff7ed;
  --engine-classic-border: #f59e0b;
  --engine-classic-title: #7c2d12;
}

/* Base banner styling */
.admonition.engine-banner {
  border-radius: 10px;
  padding: 16px 18px;
  margin: 20px 0 24px 0;
  border-left: 6px solid;
}

/* Engine label (title) */
.admonition.engine-banner > .admonition-title {
  font-weight: 700;
  font-size: 0.95rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 8px;
  text-decoration: none;
  cursor: default;
}

/* Modern styling */
.admonition.engine-modern.engine-banner {
  background: var(--engine-modern-bg);
  border-left-color: var(--engine-modern-border);
}

.admonition.engine-modern.engine-banner > .admonition-title {
  color: var(--engine-modern-title);
}

/* Classic styling */
.admonition.engine-classic.engine-banner {
  background: var(--engine-classic-bg);
  border-left-color: var(--engine-classic-border);
}

.admonition.engine-classic.engine-banner > .admonition-title {
  color: var(--engine-classic-title);
}

/* Links inside banner */
.admonition.engine-banner a {
  font-weight: normal;
  text-decoration: underline;
}

/* Slight spacing for multi-line banner text */
.admonition.engine-banner p {
  margin: 6px 0;
}