.narrative-chart{background:0 0;border:none;margin:2rem 0;padding:0;position:relative}.narrative-chart canvas{width:100%;max-width:100%;margin:0 auto;display:block}@media (max-width:768px){.narrative-chart canvas{height:200px}.narrative-chart--wide canvas{height:240px}}@media (min-width:769px){.narrative-chart canvas{height:280px}}.chart-badge{background:var(--copper);color:var(--cornsilk);pointer-events:none;z-index:10;border-radius:4px;padding:.25rem .6rem;font-size:.8rem;font-weight:700;position:absolute;top:10%;right:5%;box-shadow:0 4px 10px #bc6c2533}.chart-badge.left{left:5%;right:auto}.narrative-chart figcaption{font-family:var(--font-sans,"Satoshi", sans-serif);color:var(--text-tertiary);text-align:center;margin-top:1rem;font-size:.85rem;font-weight:500;line-height:1.5}.narrative-chart--doughnut canvas{max-width:320px;max-height:250px}