/* HTML chart titles rendered above dcc.Graph cards (see pages3/sih3.py).
   Kept outside the Plotly figure so long titles wrap instead of being
   clipped by the card. */
.ch-title {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    color: #1e3a5f;
    margin: 2px 4px 10px;
    min-height: 1em;
}
.ch-title:empty {
    margin: 0;
    min-height: 0;
}

/* static "what this chart shows" line under a chart title (all tabs) */
.ch-head {
    margin: 2px 2px 10px;
}
.ch-head .ch-h-title {
    font-size: 13px;
    font-weight: 700;
    color: #1e3a5f;
    line-height: 1.3;
}
.ch-head .ch-h-sub {
    font-size: 11.5px;
    font-weight: 400;
    color: #64748b;
    line-height: 1.35;
    margin-top: 2px;
}
.ch-sub {
    font-size: 11.5px;
    color: #64748b;
    line-height: 1.35;
    margin: -6px 2px 8px;
}

/* "Filtros aplicados: …" line under each chart/map header (filled by the
   page callback, see pages3/theme.py). */
.ch-filters {
    font-size: 11px;
    font-style: italic;
    color: #475569;
    line-height: 1.35;
    margin: -4px 2px 8px;
}
.ch-filters:empty {
    display: none;
}

/* data-source footnote at the bottom of a tab */
.ref-note {
    font-size: 11.5px;
    color: #64748b;
    line-height: 1.4;
    margin: 4px 2px 0;
    padding-top: 10px;
    border-top: 1px solid #dbe3ec;
}