/* Painel «No mundo» — regras próprias deste tema; as comuns estão em global-reading-base.css. */
.global-reading {
    --water-ink: #173236;
    --water-deep: #153f48;
    --water: #2b7684;
    --water-light: #75bfc5;
    --water-pale: #eef7f6;
    --water-sand: #f6f3ec;
    --water-line: #e4eeee;
    --water-muted: #5e6f70;
}
.global-reading .water-hero-image {
    position: absolute;
    inset: 0;
    background: linear-gradient(
            90deg,
            rgba(19, 42, 50, 0.9) 0%,
            rgba(19, 42, 50, 0.55) 42%,
            rgba(19, 42, 50, 0.08) 72%
        ),
        url('/images/solo-vivo.webp') center/cover no-repeat;
}
.global-reading .single-value-chart {
    display: flex;
    min-height: 270px;
    flex-direction: column;
    justify-content: center;
    padding: 1.4rem;
    border-radius: 18px;
    background: linear-gradient(135deg, #f6f2e9, #f8faf5);
}
.global-reading .single-value-chart::before {
    content: "Context indicator";
    margin-bottom: 1rem;
    color: #826747;
    font-size: max(11px, .62rem);
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.global-reading .empty-state-icon {
    width: 56px;
    height: 56px;
    margin-bottom: 0.7em;
    fill: none;
    stroke: var(--water-light);
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.9;
}