/*
 * WordPress-only rules (the design itself is assets/css/marqira.css, generated from the
 * Node.js build). Keep this file small: block-editor content inside the design's prose,
 * admin bar, and WordPress's own classes.
 */
main > :is(p, h2, h3, h4, ul, ol, figure, blockquote, table, .wp-block-group, .wp-block-columns) {
  width: min(100% - 2 * var(--gutter), 44rem);
  margin-inline: auto;
}
main > :where(p, ul, ol) {
  color: var(--ink-200);
}
html[data-variant='signal-pro'] body.admin-bar .site-header {
  top: var(--wp-admin--admin-bar--height, 32px);
}
.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
/* Core blocks inside articles (new posts written in the block editor). */
.prose .wp-block-image img,
.prose .wp-caption img {
  height: auto;
  border-radius: var(--sp-r-s);
}
/* Editor captions only: designed figures (.wk-shot, .wk-quote…) style their own. */
.prose .wp-element-caption,
.prose .wp-caption-text,
.prose :is([class*='wp-block-']) > figcaption {
  margin-block-start: 0.5em;
  font-size: var(--step--1);
  color: var(--ink-300);
}
.prose .wp-block-table {
  overflow-x: auto;
}
.prose .wp-block-table table {
  min-width: 34rem;
}
.prose .wp-block-quote,
.prose .wp-block-pullquote {
  padding: 1rem 1.25rem;
  border-inline-start: 3px solid var(--volt-400);
  border-radius: 0 var(--sp-r-s) var(--sp-r-s) 0;
  background: rgb(255 255 255 / 0.03);
  color: var(--white);
}
.prose .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  min-height: 3.25rem;
  padding-inline: 1.3rem;
  border-radius: var(--radius-s);
  background: var(--volt-400);
  color: var(--ink-900);
  font-weight: var(--weight-strong);
  text-decoration: none;
}
.prose .wp-block-separator {
  border: 0;
  border-block-start: 1px solid var(--sp-line);
}
.prose .alignwide {
  max-width: none;
}