/* ===== Price of Intelligence dashboard ===== */
.aipi-inner { max-width: 980px; }
.aipi-prose { max-width: 760px; }
.aipi-exhibits { margin: 0 0 2.5rem; }

.aipi-figure { margin: 0 0 2.75rem; }

/* narrative chapter dividers within the exhibits */
.aipi-chapter { margin: 2.5rem 0 1.5rem; padding-top: 1.3rem; border-top: 2px solid #03244d; }
.aipi-chapter-k {
    margin: 0 0 0.35rem;
    font-family: "Concourse C4", sans-serif; font-feature-settings: "case" 1;
    text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.72rem; color: #B5530E;
}
.aipi-chapter-t { margin: 0; max-width: 760px; font-size: 1.18rem; line-height: 1.35; color: #03244d; }
@media all and (max-width: 600px) { .aipi-chapter-t { font-size: 1.05rem; } }
.aipi-fig-title {
    font-family: "Concourse C4", sans-serif;
    font-feature-settings: "c2sc" 1;
    font-size: 1.05rem; color: #03244d; margin: 0 0 0.3rem;
}
.aipi-fig-sub { font-size: 0.95rem; line-height: 1.45; color: #687479; margin: 0 0 0.9rem; max-width: 760px; }
.aipi-chart-host { position: relative; width: 100%; }
.aipi-chart-host svg { display: block; width: 100%; height: auto; }
.aipi-chart-host text { font-family: "Concourse C4", sans-serif; }

/* controls (chips, slider) match the .overview-trigger brand */
.aipi-controls { display: flex; flex-wrap: wrap; gap: 0.45rem; margin: 0 0 0.75rem; }
.aipi-chip {
    appearance: none; cursor: pointer;
    padding: 0.4rem 0.75rem; border: 1px solid rgba(3,36,77,0.20); border-radius: 999px;
    background: #fff; color: #03244d;
    font-family: "Concourse C4", sans-serif; font-feature-settings: "c2sc" 1;
    font-size: 0.62rem; letter-spacing: 0.05em; line-height: 1;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.aipi-chip[aria-pressed="true"] { background: #03244d; border-color: #03244d; color: #fff; }
.aipi-chip:focus-visible, .aipi-slider:focus-visible, .aipi-chart-host svg:focus-visible {
    outline: 2px solid #B5530E; outline-offset: 3px;
}
.aipi-chip .aipi-swatch { display: inline-block; width: 0.7em; height: 0.7em; border-radius: 2px; margin-right: 0.4em; vertical-align: -1px; }
.aipi-chip[aria-pressed="true"] .aipi-swatch { outline: 1px solid #fff; }

.aipi-playrow { display: flex; align-items: center; gap: 0.75rem; margin: 0.75rem 0 0; }
.aipi-play {
    appearance: none; cursor: pointer; border: 1px solid rgba(3,36,77,0.20); border-radius: 999px;
    background: #fff; color: #03244d; padding: 0.35rem 0.8rem;
    font-family: "Concourse C4", sans-serif; font-size: 0.62rem; letter-spacing: 0.05em;
}
.aipi-slider { flex: 1 1 auto; accent-color: #03244d; }
.aipi-readout { font-family: "Concourse C4", sans-serif; font-size: 0.8rem; color: #03244d; min-width: 5.5em; }

.aipi-tip {
    position: absolute; pointer-events: none; z-index: 5;
    background: #03244d; color: #fff; padding: 0.45rem 0.6rem; border-radius: 6px;
    font-family: "Concourse C4", sans-serif; font-size: 0.74rem; line-height: 1.3;
    white-space: nowrap; transform: translate(-50%, -115%); opacity: 0; transition: opacity .1s ease;
}
.aipi-tip.is-on { opacity: 1; }
.aipi-tip b { font-weight: normal; color: #ffd9b0; }

.aipi-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

.aipi-legend .aipi-dotsw { display: inline-block; box-sizing: border-box; width: 0.8em; height: 0.8em; border-radius: 50%; margin-right: 0.45em; vertical-align: -1px; background: #03244d; }
.aipi-legend .aipi-dotsw.is-open { background: #fff; border: 0.16em solid #B5530E; }

.aipi-empty {
    margin: 0; padding: 1.1rem 1.25rem;
    background: #f7f9fa; border: 1px solid #e3e8ea; border-radius: 8px;
    font-size: 0.95rem; line-height: 1.5; color: #687479;
}
.aipi-empty code { font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 0.86em; color: #03244d; }

.aipi-decomp-cap { margin: 0.85rem 0 0; max-width: 760px; font-size: 0.96rem; line-height: 1.5; color: #03244d; }

/* market-backdrop small multiples */
.aipi-smalls { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.1rem; }
.aipi-small { min-width: 0; }
.aipi-small-t { margin: 0 0 0.2rem; font-family: "Concourse C4", sans-serif; font-feature-settings: "c2sc" 1; font-size: 0.9rem; color: #03244d; }
.aipi-small-c { margin: 0.3rem 0 0; font-size: 0.82rem; line-height: 1.35; color: #687479; }
@media all and (max-width: 620px) { .aipi-smalls { grid-template-columns: 1fr; } }

.aipi-prose .ov-card p a { color: #03244d; text-decoration: underline; text-underline-offset: 2px; }
.aipi-prose .ov-card p a:hover { color: #B5530E; }

@media all and (max-width: 760px) {
    .aipi-inner { max-width: 100%; }
    .aipi-fig-title { font-size: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
    .aipi-dot { transition: none !important; }
}