/* ============================================================
   CAV PATHOLOGY · IHD · §4b Aneurysm + arrhythmia + pericarditis +
   Dressler cards. Scoped to #cavIhdMiClinicalTopicContent.

   REWRITE: aneurysm/pericarditis cards are static images + callouts
   (no overlay engine); arrhythmia reuses the shared ECG simulator.
   Reuses the §4a `.cmp-*` accordion shell (mi-complications-4chamber
   .css) — this sheet only adds the study-size figure, the side-by-
   side compare grid, the contrast table, the prominent star callout,
   and the ECG stage. All reader text #111.
   ============================================================ */

/* ---- study-size figure (single image cards) ---- */
#cavIhdMiClinicalTopicContent .cmp-figure {
    margin: 0; display: grid; gap: 8px; justify-items: center;
}
#cavIhdMiClinicalTopicContent .cmp-fig-img {
    display: block; width: 100%; max-width: 460px; height: auto;
    border-radius: 12px; border: 1px solid rgba(15, 23, 42, .12); background: #fff;
}
#cavIhdMiClinicalTopicContent .cmp-fig-cap {
    font-size: 13px; font-weight: 700; color: #111111; line-height: 1.45; text-align: center; max-width: 520px;
}

/* ---- image-credit button + revealed citation ---- */
#cavIhdMiClinicalTopicContent .cmp-cite-wrap { display: grid; gap: 6px; justify-items: start; }
#cavIhdMiClinicalTopicContent .cmp-cite-btn {
    appearance: none; cursor: pointer; font: inherit; font-size: 12px; font-weight: 800; color: #111111;
    background: var(--surface-soft, #f3f4f6); border: 1px solid rgba(15, 23, 42, .18); border-radius: 999px; padding: 4px 12px;
}
#cavIhdMiClinicalTopicContent .cmp-cite-btn:hover { background: #fff; border-color: var(--mi-accent, #9a1f17); }
#cavIhdMiClinicalTopicContent .cmp-cite { margin: 0; font-size: 12px; color: #111111; line-height: 1.45; }
#cavIhdMiClinicalTopicContent .cmp-cite[hidden] { display: none; }
#cavIhdMiClinicalTopicContent .cmp-cite a { color: var(--mi-accent, #9a1f17); }

/* ---- header NBME flag (collapsed card summary) ---- */
#cavIhdMiClinicalTopicContent .cmp-head-flag { flex: none; display: inline-flex; }

/* ---- true-vs-pseudo compare: ONE image at a time via toggle ---- */
#cavIhdMiClinicalTopicContent .aneu-compare { display: grid; gap: 12px; }
#cavIhdMiClinicalTopicContent .aneu-toggle { justify-self: center; }
#cavIhdMiClinicalTopicContent .aneu-toggle .cmp-seg.is-on { background: var(--mi-accent, #9a1f17); color: #fff; }
/* highlight the active column in the contrast table to match the shown image */
#cavIhdMiClinicalTopicContent .aneu-compare[data-aneu="true"] .aneu-col-true,
#cavIhdMiClinicalTopicContent .aneu-compare[data-aneu="pseudo"] .aneu-col-pseudo {
    background: color-mix(in srgb, var(--mi-accent, #9a1f17) 12%, #fff); font-weight: 850;
}

/* ---- contrast table ---- */
#cavIhdMiClinicalTopicContent .aneu-table {
    width: 100%; border-collapse: collapse; font-size: 14px; color: #111111;
    border: 1px solid rgba(15, 23, 42, .14); border-radius: 12px; overflow: hidden;
}
#cavIhdMiClinicalTopicContent .aneu-table th,
#cavIhdMiClinicalTopicContent .aneu-table td {
    padding: 10px 13px; text-align: left; vertical-align: top; border-bottom: 1px solid rgba(15, 23, 42, .10);
}
#cavIhdMiClinicalTopicContent .aneu-table thead th {
    background: color-mix(in srgb, var(--mi-accent, #9a1f17) 8%, #fff);
    font-weight: 850; color: #111111; font-size: 13.5px;
}
#cavIhdMiClinicalTopicContent .aneu-table tbody th[scope="row"] {
    font-weight: 850; color: #111111; background: rgba(15, 23, 42, .025); white-space: nowrap;
}
#cavIhdMiClinicalTopicContent .aneu-table tr:last-child th,
#cavIhdMiClinicalTopicContent .aneu-table tr:last-child td { border-bottom: none; }
#cavIhdMiClinicalTopicContent .aneu-risk { font-weight: 850; }
#cavIhdMiClinicalTopicContent .aneu-risk.is-high { color: #b91c1c; }
#cavIhdMiClinicalTopicContent .aneu-risk.is-low { color: #0f7a4a; }

/* ---- prominent star callout (arrhythmia: most common complication) ---- */
#cavIhdMiClinicalTopicContent .aneu-star {
    display: grid; gap: 8px; padding: 13px 15px; border-radius: 12px;
    background: color-mix(in srgb, var(--mi-accent, #9a1f17) 10%, #fff);
    border: 1px solid color-mix(in srgb, var(--mi-accent, #9a1f17) 30%, #fff);
}
#cavIhdMiClinicalTopicContent .aneu-star p { margin: 0; color: #111111; font-size: 14px; line-height: 1.5; }
#cavIhdMiClinicalTopicContent .aneu-star p strong { color: #111111; }
#cavIhdMiClinicalTopicContent .aneu-star-tag .yield-tag { font-size: 13px; }

/* ---- ECG simulator stage ---- */
#cavIhdMiClinicalTopicContent .cmp-ecg-stage {
    display: grid; gap: 6px; padding: 12px 14px; border-radius: 12px;
    background: #fff; border: 1px solid rgba(15, 23, 42, .12);
}
#cavIhdMiClinicalTopicContent .cmp-ecg-cap { font-size: 12.5px; font-weight: 800; color: #111111; }
#cavIhdMiClinicalTopicContent .cmp-ecg-mount { width: 100%; }

@media (max-width: 680px) {
    #cavIhdMiClinicalTopicContent .aneu-compare-grid { grid-template-columns: 1fr; }
}