body.efa-curve { display: block; padding: 0; font-family: var(--font-display); }
/* The host page frames the embed: the card colour fills the iframe, with no canvas colour or shadow below the card. */
.efa-curve .outer { min-height: 100vh; padding: 0; background: var(--mv-card); }
/* !important: the chart template sets the shadow inline. */
.efa-curve .card { max-width: none; padding: 18px 16px 14px; border: 0; border-radius: 0; box-shadow: none !important; }
.efa-curve .title { font-size: 24px; line-height: 1.2; }
.efa-curve .subtitle { font-size: 14px; margin: 6px 0 14px; }
.efa-curve .legend { display: none; }
.efa-curve .efa-curve-views { margin: 0 0 6px; }
/* Beside the PNG button where the title leaves room, so the export (which hides the switch) has no gap. */
@media (min-width: 860px) {
  .efa-curve .efa-curve-views { position: absolute; top: 8px; right: 84px; margin: 0; }
}
.efa-curve .efa-curve-views button:focus-visible { outline: 2px solid var(--mv-blue); outline-offset: 1px; }
.efa-curve .chart-wrap { height: 380px; margin: 0; }
.efa-curve .efa-curve-scope { font-size: 11px; line-height: 1.3; margin-top: 12px; color: var(--mv-text-muted); }
.efa-curve .footer { margin-top: 10px; padding-top: 10px; gap: 8px; }
.efa-curve .source { font-size: 11px; }
.efa-curve .dl-png-btn { top: 8px; left: auto; right: 8px; }
.efa-curve .dl-png-btn:focus-visible { opacity: 1; }
@media (max-width: 320px) {
  .efa-curve .card { padding-inline: 10px; }
  .efa-curve .title { font-size: 22px; }
}