/* Bridge WordPress block markup onto the ported HDYO stylesheet */

/* The Rails layout wrapped everything in .hdyo-top-level */
.wp-site-blocks {
  max-width: 1400px;
  margin: 0 auto;
}

/* Template part wrappers must not affect layout */
.wp-block-template-part { display: contents; }

/* Neutralise default block gaps and margins inside article content */
article section > * + * { margin-block-start: 0; }
.wp-block-heading { margin: inherit; }

/* Core image blocks used for future content should look like Rails images */
article section figure.wp-block-image {
  margin: 0;
  display: inline;
}
article section figure.wp-block-image img { max-width: 100%; height: auto; }

/* Core embed fallback styling to match .flex-center .vid */
article section figure.wp-block-embed {
  display: flex;
  justify-content: center;
  margin: 1em 0;
}
article section figure.wp-block-embed iframe { width: 640px; height: 365px; max-width: 100%; }

/* Search results reuse the listing look; WP pagination styled like Rails */
article.pagination a { text-decoration: none; }

/* Keep the admin bar from overlapping the fixed chrome when logged in */
body.admin-bar #side-menu { top: 32px; }