/* Gráficos de conteúdo: a escala e os valores permanecem legíveis sem cor ou animação. */
.reading-body .case-chart{margin:30px 0;padding:24px;background:var(--card);border:1px solid var(--line);border-top:3px solid #c29a40;box-shadow:4px 4px 0 #1433480c;break-inside:avoid;overflow-wrap:normal}
.reading-body .case-chart h3{font:20px/1.35 Raj;margin:0 0 12px;color:var(--ink)}
.reading-body .chart-unit{font:14px/1.5 Raj;color:var(--muted);margin:0 0 22px}
.chart-row{display:grid;grid-template-columns:120px minmax(0,1fr) 65px;align-items:center;gap:12px;margin-bottom:17px;font:17px/1.25 Raj}
.chart-row>strong{font:20px Raj;text-align:right;white-space:nowrap}
.chart-track{height:25px;background:repeating-linear-gradient(90deg,#1433480a 0 calc(10% - 1px),#14334824 calc(10% - 1px) 10%);border:1px solid #9ea99d;position:relative}
.chart-fill{height:100%;display:block;min-width:0;border-right:2px solid #173d4b}
.chart-fill.before{background:repeating-linear-gradient(90deg,#779296 0 10px,#66868c 10px 12px)}
.chart-fill.after{background:repeating-linear-gradient(90deg,#edc55c 0 10px,#d4a64c 10px 12px)}
.reading-body .chart-change{font:20px/1.4 Raj;color:var(--ink);padding-top:13px;border-top:1px solid var(--line);margin:20px 0 13px}
.reading-body .chart-note{font:15px/1.5 Raj;color:var(--muted);margin:14px 0}
.reading-body .case-chart figcaption{font:14px/1.5 Raj;margin:20px 0 0;color:var(--muted)}
.case-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:27px 0 18px;break-inside:avoid}
.case-metric{padding:19px 16px;background:var(--blue);border:2px solid #c7a44d;box-shadow:3px 3px #14334818;color:#fff5dc;min-width:0}
.case-metric>strong{display:block;font:28px/1.2 Raj;color:#ffe292;margin-bottom:10px}
.case-metric>span{display:block;font:18px/1.3 Raj}
.case-metric>small{display:block;font:13px/1.45 Raj;margin-top:12px;color:#c8dbda}
.perception-meter{width:190px;height:190px;max-width:100%;margin:25px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--paper);border:13px solid #edc55c;outline:2px solid #173d4b;position:relative;border-radius:50%}
.perception-meter:after{content:'';position:absolute;width:5px;height:13px;top:-13px;left:50%;background:#789399}
.perception-meter>strong{font:54px/1 Raj;color:var(--ink)}
.perception-meter>strong>small{font-size:27px}.perception-meter>span{font:16px/1.25 Raj;color:var(--muted);margin-top:12px}
body[data-theme=night] .case-metric{background:#174c68}.reading-body .case-metrics+.source{margin-top:15px}
@media(max-width:600px){.reading-body .case-chart{padding:20px 15px;margin:25px 0}.reading-body .case-chart h3{font-size:20px}.chart-row{grid-template-columns:minmax(0,1fr) 62px;gap:7px 10px;margin-bottom:22px}.chart-row>span{grid-column:1;grid-row:1;font-size:17px}.chart-row>.chart-track{grid-column:1 / -1;grid-row:2}.chart-row>strong{grid-column:2;grid-row:1;font-size:20px}.chart-track{height:24px}.case-metrics{grid-template-columns:1fr;gap:10px}.case-metric{padding:19px}.case-metric>strong{font-size:31px}.case-metric>small{font-size:14px}.reading-body .chart-change{font-size:19px}.reading-body .chart-unit{font-size:14px}.reading-body .case-chart figcaption{font-size:14px}.perception-meter{width:180px;height:180px}}
@media print{.reading-body .case-chart,.case-metrics{break-inside:avoid}.chart-track,.chart-fill,.case-metric{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.perception-meter{border:0;background:conic-gradient(#edc55c 0 98%,#789399 98% 100%)}.perception-meter:before{content:"";position:absolute;inset:13px;border-radius:50%;background:var(--paper)}.perception-meter:after{display:none}.perception-meter>strong,.perception-meter>span{position:relative;z-index:1}