/* Adjustments of the prototype styles for WordPress (core blocks in stories, admin bar). */

/* Images from the core "Image" block in stories look like .photo in the prototype */
.story .wp-block-image { margin: 0 0 32px; }
.story .wp-block-image img { width: 100%; height: auto; border-radius: var(--radius, 6px); display: block; }
.story .wp-block-image figcaption,
.story .wp-element-caption { font-size: 14px; color: #555; margin-top: 8px; text-align: left; }
.story .wp-block-gallery { margin-bottom: 32px; }

/* The admin bar must not cover the sidebar */
body.admin-bar .sidebar { top: var(--wp-admin--admin-bar--height, 32px); }

/* Charts (Chart.js, assets/js/charts.js) */
.chart__canvas { position: relative; width: 100%; }
.chart__canvas--donut { width: 180px; height: 180px; }
@media (max-width: 600px) { .chart__canvas--donut { width: 160px; height: 160px; } }