/* Chart and figure additions for the $ANSEM four-month audit investigation.
   Inherits the ansem-black-bull.css component system; scoped under .ansem-article. */

.ansem-article .afm-fig { padding: 6px 2px 2px; }
.ansem-article .afm-fig svg { display: block; }
.ansem-article .afm-fig svg text { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }

.ansem-article .afm-legend { display: flex; flex-direction: column; gap: 4px; margin: 10px 2px 2px; font-size: 12.5px; }
.ansem-article .afm-lg-row { display: flex; align-items: center; gap: 8px; }
.ansem-article .afm-sw { width: 10px; height: 10px; border-radius: 2px; flex: none; }
.ansem-article .afm-lg-l { color: #fff; }
.ansem-article .afm-lg-v { color: #aab0bc; margin-left: auto; white-space: nowrap; }

.ansem-article .afm-min { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px; padding: 14px 2px 4px; }
.ansem-article .afm-step { border: 1px solid rgba(255, 255, 255, 0.10); border-left: 3px solid #00d8dd; border-radius: 6px; background: rgba(12, 18, 28, 0.6); padding: 10px 12px; }
.ansem-article .afm-step .afm-t { font-size: 11px; letter-spacing: 0.06em; color: #7e8696; font-family: ui-monospace, Menlo, monospace; }
.ansem-article .afm-step .afm-h { font-size: 15px; font-weight: 700; color: #fff; margin: 2px 0 4px; }
.ansem-article .afm-step .afm-d { font-size: 12.5px; line-height: 1.45; color: #aab0bc; }

.ansem-article .afm-duo { display: flex; gap: 18px; flex-wrap: wrap; padding: 10px 2px 2px; }
.ansem-article .afm-duo > div { flex: 1; min-width: 260px; }
.ansem-article .afm-ph { font-size: 12px; font-weight: 600; color: #aab0bc; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.08em; }
.ansem-article .afm-bars { display: flex; align-items: flex-end; gap: 26px; height: 210px; }
.ansem-article .afm-bar { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; width: 86px; }
.ansem-article .afm-bv { width: 100%; border-radius: 4px 4px 0 0; }
.ansem-article .afm-bl { font-size: 15px; font-weight: 700; margin-top: 6px; color: #fff; }
.ansem-article .afm-bs { font-size: 11px; color: #7e8696; margin-top: 2px; text-align: center; line-height: 1.35; }

@media (max-width: 700px) {
  .ansem-article .afm-bars { gap: 12px; }
  .ansem-article .afm-bar { width: 64px; }
}