/* Gráficos interativos das matérias (render.php → gnews_chart_html), no estilo da evolução da apuração */
.gnews-chart-box { margin: 24px 0; padding: 14px 14px 8px; border: 1px solid #e6e9ee; border-radius: 12px; background: #fff; }
.gnews-chart-box figcaption { margin: 0 0 8px; }
.gnews-chart-box figcaption b { display: block; font-size: 18px; color: #111; line-height: 1.3; }
.gnews-chart-box figcaption span { display: block; color: #666; font-size: 14px; margin-top: 2px; }
.gnews-chart-area { position: relative; touch-action: pan-y; }
.gnews-chart-area svg { display: block; width: 100%; height: auto; overflow: visible; }
.gnews-chart-area line.g { stroke: #eef0f3; stroke-width: 1; }
.gnews-chart-area text { font: 12px system-ui, -apple-system, sans-serif; fill: #888; }
.gnews-chart-area text.ya { text-anchor: end; }
.gnews-chart-area text.xa { text-anchor: middle; }
.gnews-chart-area polyline { fill: none; stroke-width: 3; stroke-linejoin: round; stroke-linecap: round; }
.gnews-chart-area circle { stroke: #fff; stroke-width: 2; }
.gnews-chart-area .cursor line { stroke: #555; stroke-width: 1.2; stroke-dasharray: 4 3; }
.gnews-chart-area .cursor rect { fill: rgba(0, 36, 82, .06); }
.gnews-chart-tip { position: absolute; z-index: 3; min-width: 180px; background: #fff; border: 1px solid #dde3ea; border-radius: 8px; box-shadow: 0 6px 18px rgba(0, 0, 0, .12); padding: 8px 10px; pointer-events: none; font-size: 13px; }
.gnews-chart-tip span { display: block; color: #666; font-size: 12px; margin-bottom: 4px; }
.gnews-chart-tip p { margin: 2px 0; display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.gnews-chart-tip p i { width: 10px; height: 10px; border-radius: 50%; flex: 0 0 10px; }
.gnews-chart-tip p b { margin-left: auto; padding-left: 10px; }
.gnews-chart-legenda { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 14px; color: #333; }
.gnews-chart-legenda i { display: inline-block; width: 14px; height: 4px; border-radius: 2px; margin-right: 6px; vertical-align: 3px; }
@media (max-width: 600px) {
    .gnews-chart-area text { font-size: 26px; }
    .gnews-chart-area polyline { stroke-width: 6; }
    .gnews-chart-tip { position: static; margin-top: 6px; min-width: 0; box-shadow: none; }
}