/* Base box */
details.admonition {
  border: 1px solid rgba(0,0,0,.15);
  border-left: 4px solid #2c7be5; /* default color, overridden below */
  border-radius: .25rem;
  margin: 1rem 0;
  background: #f8f9fa;
}

/* Title row (the clickable summary) */
details.admonition > summary.admonition-title {
  display: block;
  padding: .6rem .9rem;
  font-weight: 600;
  cursor: pointer;
  list-style: none; /* remove default triangle on some browsers */
}
details.admonition > summary.admonition-title::-webkit-details-marker { display: none; }

/* Optional chevron */
details.admonition > summary.admonition-title::before {
  content: "▸";
  display: inline-block;
  margin-right: .5rem;
  transition: transform .2s ease;
}
details.admonition[open] > summary.admonition-title::before {
  transform: rotate(90deg);
}

/* Content */
details.admonition > .admonition-content {
  padding: .6rem .9rem;
  border-top: 1px solid rgba(0,0,0,.06);
}

/* Color variants (match Flatly-ish palette) */
details.admonition.note    { border-left-color: #2c7be5; } /* primary */
details.admonition.info    { border-left-color: #17a2b8; }
details.admonition.tip,
details.admonition.success { border-left-color: #28a745; }
details.admonition.warning { border-left-color: #ffc107; }
details.admonition.danger,
details.admonition.failure { border-left-color: #dc3545; }