.admonition {
  --adm-color: #0d6efd;
  --adm-bg: rgba(13, 110, 253, 0.10);
  --adm-icon: "📝";

  margin: 1.25rem 0;
  border-left: 0.35rem solid var(--adm-color);
  border-radius: 0.75rem;
  background: #fff;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.admonition-title {
  margin: 0;
  padding: 0.75rem 1rem;
  font-weight: 700;
  background: var(--adm-bg);
  color: #212529;
}

.admonition-title::before {
  content: var(--adm-icon);
  margin-right: 0.5rem;
}

.admonition > p:not(.admonition-title),
.admonition > ul,
.admonition > ol,
.admonition > pre,
.admonition > blockquote {
  margin: 1rem;
}

.admonition.note {
  --adm-color: #448aff;
  --adm-bg: rgba(68, 138, 255, 0.12);
  --adm-icon: "📝";
}

.admonition.abstract {
  --adm-color: #00b0ff;
  --adm-bg: rgba(0, 176, 255, 0.12);
  --adm-icon: "📄";
}

.admonition.info {
  --adm-color: #00b8d4;
  --adm-bg: rgba(0, 184, 212, 0.12);
  --adm-icon: "ℹ️";
}

.admonition.tip {
  --adm-color: #00bfa5;
  --adm-bg: rgba(0, 191, 165, 0.12);
  --adm-icon: "💡";
}

.admonition.success {
  --adm-color: #00c853;
  --adm-bg: rgba(0, 200, 83, 0.12);
  --adm-icon: "✅";
}

.admonition.question {
  --adm-color: #64dd17;
  --adm-bg: rgba(100, 221, 23, 0.12);
  --adm-icon: "❓";
}

.admonition.warning {
  --adm-color: #ff9100;
  --adm-bg: rgba(255, 145, 0, 0.14);
  --adm-icon: "⚠️";
}

.admonition.failure {
  --adm-color: #ff5252;
  --adm-bg: rgba(255, 82, 82, 0.12);
  --adm-icon: "❌";
}

.admonition.danger {
  --adm-color: #ff1744;
  --adm-bg: rgba(255, 23, 68, 0.12);
  --adm-icon: "🚨";
}

.admonition.bug {
  --adm-color: #f50057;
  --adm-bg: rgba(245, 0, 87, 0.12);
  --adm-icon: "🐞";
}

.admonition.example {
  --adm-color: #7c4dff;
  --adm-bg: rgba(124, 77, 255, 0.12);
  --adm-icon: "🧩";
}

.admonition.quote {
  --adm-color: #9e9e9e;
  --adm-bg: rgba(158, 158, 158, 0.14);
  --adm-icon: "💬";
}

.highlight .hll {
  background-color: #fff3cd;
  border-left: 3px solid #ffc107;

  display: block;

  /* 👇 AJUSTE FINO */
  margin: 0 -1rem 0 -0.6rem;
  padding: 0 1rem 0 0.6rem;
}

.highlight {
  position: relative;
  margin: 1.5rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid #1b262c;
  background: #263238;
  max-width: min(600px, 100%);
  margin: 1.5rem auto;
}

/* HEADER (TÍTULO) */
.highlight[data-title]::before {
  content: attr(data-title);
  display: block;

  /* padding bem definido */
  padding: 0.6rem 1rem;

  /* 👇 espaçamento real à esquerda */
  padding-left: 1.5rem;

  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.4px;

  color: #e6edf3;
  background: #143CEB;

  border-bottom: 1px solid #0f172a;
}

/* BLOCO DE CÓDIGO */
.highlight pre {
  margin: 0;
  padding: 1rem 1rem 1rem 0.6rem; /* 👈 menos espaço à esquerda */
  overflow-x: auto;
  background: transparent;
}

.highlighttable .linenos {
  padding-right: 0rem;
}

.highlighttable .code {
  padding-left: 0rem;
}

/* botão copiar */
.copy-button {
  position: absolute;
  top: 6px;
  right: 10px;

  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;

  border: 1px solid #3a4a52;
  border-radius: 4px;

  background: #020617;
  color: #cfd8dc;

  cursor: pointer;
  opacity: 0.7;
  transition: all 0.2s ease;
}

.copy-button:hover {
  opacity: 1;
  background: #0f172a;
}