/* Mermaid diagrams — align with mdBook navy theme (see postprocess-mermaid.py) */
.mermaid {
  margin: 1.25rem 0;
  text-align: center;
}

.mermaid svg {
  background: transparent !important;
  max-width: 100%;
  height: auto;
}

/* Tables — left align; wide matrices scroll horizontally instead of squishing */
.content .table-wrapper {
  text-align: left;
  overflow-x: auto;
  max-width: 100%;
}

.content table,
.content .table-wrapper table {
  margin-left: 0;
  margin-right: auto;
  width: max-content;
  min-width: 100%;
  table-layout: auto;
}

.content table th,
.content table td,
.content .table-wrapper th,
.content .table-wrapper td {
  text-align: left;
  vertical-align: top;
  hyphens: auto;
  overflow-wrap: break-word;
}

.content .table-wrapper th,
.content .table-wrapper td {
  min-width: 9rem;
}

.admonition {
  border-left: 4px solid #6c757d;
  padding: 0.75rem 1rem;
  margin: 1rem 0;
  background: rgba(108, 117, 125, 0.08);
  border-radius: 4px;
}

.admonition p:last-child {
  margin-bottom: 0;
}

.admonition.note {
  border-left-color: #0d6efd;
  background: rgba(13, 110, 253, 0.08);
}

.admonition.tip {
  border-left-color: #198754;
  background: rgba(25, 135, 84, 0.08);
}

.admonition.warning {
  border-left-color: #ffc107;
  background: rgba(255, 193, 7, 0.12);
}

.admonition.danger {
  border-left-color: #dc3545;
  background: rgba(220, 53, 69, 0.1);
}

.admonition-title {
  font-weight: 600;
  margin-bottom: 0.35rem;
}

/* Custom CSS for chart images with white backgrounds */
/* Force white background on all images with maximum specificity */

/* Universal selector - highest priority */
img {
    background-color: white !important;
    background-image: none !important;
    padding: 8px !important;
    border-radius: 4px !important;
    display: inline-block !important;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.1) !important;
}

/* Target all PNG images */
img[src$='.png'],
img[src*='.png'],
img[src*='png'] {
    background-color: white !important;
    background-image: none !important;
    padding: 8px !important;
    border-radius: 4px !important;
    display: inline-block !important;
}

/* Target images in various path patterns */
img[src*='images/'],
img[src*='../images/'],
img[src*='/images/'],
img[src*='./images/'],
img[src*='images'] {
    background-color: white !important;
    background-image: none !important;
    padding: 8px !important;
    border-radius: 4px !important;
    display: inline-block !important;
}

/* Target images within content areas with high specificity */
.chapter-content img,
.content img,
main img,
section img,
article img,
.chapter img,
.page img {
    background-color: white !important;
    background-image: none !important;
    padding: 8px !important;
    border-radius: 4px !important;
    display: inline-block !important;
}

/* Even more specific selectors for mdBook structure */
.mdbook-content img,
.mdbook-body img,
.book-content img {
    background-color: white !important;
    background-image: none !important;
    padding: 8px !important;
    border-radius: 4px !important;
    display: inline-block !important;
}