/* Identical markup and layout rules in the editor and on the public article. */
.lb-multimedia {
  display: flow-root;
  clear: both;
  margin-block: 0 var(--lb-article-gap, 24px);
  container-type: inline-size;
}
.lb-multimedia > .lb-multimedia-media,
.lb-multimedia > .lb-multimedia-text {
  min-width: 0;
  max-width: none;
  margin: 0;
}
.lb-multimedia > .lb-multimedia-media { width: var(--lb-media-width, 40%); }
.lb-layout-wrap-left > .lb-multimedia-media {
  float: left;
  margin: 0 var(--lb-media-gap, 24px) 1em 0;
}
.lb-layout-wrap-right > .lb-multimedia-media {
  float: right;
  margin: 0 0 1em var(--lb-media-gap, 24px);
}
.lb-multimedia .lb-multimedia-text { display: block; }
.lb-multimedia .lb-multimedia-text > :first-child { margin-top: 0; }
.lb-multimedia .lb-multimedia-text > :last-child { margin-bottom: 0; }
.lb-multimedia .lb-multimedia-text :is(ul, ol) { display: flow-root; }
.lb-multimedia .lb-multimedia-media :is(figure, .wp-block-image, .wp-block-video, .wp-block-embed) {
  float: none;
  width: 100%;
  max-width: 100%;
  margin: 0 0 .75em;
}
.lb-multimedia .lb-multimedia-media :is(img, video) {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.lb-multimedia .lb-multimedia-media iframe { max-width: 100%; }
.lb-multimedia .lb-multimedia-media figcaption { font-size: .85em; line-height: 1.5; }
.lb-multimedia:is(.lb-layout-side-left, .lb-layout-side-right) {
  display: grid;
  grid-template-columns: minmax(0, var(--lb-media-width, 40%)) minmax(0, 1fr);
  gap: var(--lb-media-gap, 24px);
  align-items: var(--lb-media-align, start);
}
.lb-multimedia.lb-layout-side-right {
  grid-template-columns: minmax(0, 1fr) minmax(0, var(--lb-media-width, 40%));
}
.lb-multimedia.lb-layout-side-right > .lb-multimedia-media { grid-column: 2; grid-row: 1; }
.lb-multimedia.lb-layout-side-right > .lb-multimedia-text { grid-column: 1; grid-row: 1; }
.lb-multimedia:is(.lb-layout-side-left, .lb-layout-side-right, .lb-layout-stacked) > .lb-multimedia-media { width: 100%; }
.lb-multimedia.lb-layout-stacked > .lb-multimedia-media { margin-bottom: var(--lb-media-gap, 24px); }
/* An empty media slot must remain discoverable in the editor. */
.editor-styles-wrapper .lb-multimedia-media.is-empty {
  min-height: 100px;
  outline: 1px dashed #a38b64;
  outline-offset: -1px;
}
.editor-styles-wrapper .lb-multimedia-media { position: relative; }
/* Positioned paragraph editing surfaces otherwise paint over floated media.
   Raise only the media surface so its URL inputs and player controls receive clicks. */
.editor-styles-wrapper .lb-multimedia-media,
.editor-styles-wrapper :is(.wp-block-image, .wp-block-video, .wp-block-embed):is(.alignleft, .alignright) {
  position: relative;
  z-index: 2;
}
.editor-styles-wrapper .lb-multimedia-media > .block-list-appender {
  position: absolute;
  inset: auto 0 0 auto;
  width: 40px;
}
.editor-styles-wrapper .lb-multimedia-media.has-media:not(.is-selected):not(.has-child-selected) > .block-list-appender {
  display: none;
}
.editor-styles-wrapper .lb-multimedia-media.is-empty > .block-list-appender {
  display: block;
  position: relative;
  width: 100%;
}
.editor-styles-wrapper .lb-multimedia-media .block-editor-button-block-appender { color: inherit; }
/* Ordinary aligned blocks use the same spacing and mobile behavior. */
:is(.lb-article-content, .editor-styles-wrapper) :is(.wp-block-image, .wp-block-video, .wp-block-embed).alignleft {
  float: left;
  margin: 0 1.5rem var(--lb-article-gap, 24px) 0;
  max-width: 45%;
}
:is(.lb-article-content, .editor-styles-wrapper) :is(.wp-block-image, .wp-block-video, .wp-block-embed).alignright {
  float: right;
  margin: 0 0 var(--lb-article-gap, 24px) 1.5rem;
  max-width: 45%;
}
:is(.lb-article-content, .editor-styles-wrapper) .wp-block-embed:is(.alignleft, .alignright) { width: 320px; }
.lb-article-content { display: flow-root; }
/* One per-post gap, based on WordPress's stock 24px block spacing. */
.lb-article .lb-article-shell > :is(.lb-article-back, .lb-article-title, .lb-article-meta, .lb-article-featured) {
  margin-top: 0;
  margin-bottom: var(--lb-article-gap, 24px);
}
.lb-article .lb-article-shell > .lb-article-content { margin-block: 0; }
.lb-article .lb-article-content > *,
.lb-article .lb-multimedia-text > *,
.lb-article .lb-article-content :where(.wp-block-group, .wp-block-column) > * {
  margin-top: 0;
  margin-bottom: var(--lb-article-gap, 24px);
}
.lb-article .lb-article-content > :last-child,
.lb-article .lb-multimedia-text > :last-child,
.lb-article .lb-article-content :where(.wp-block-group, .wp-block-column) > :last-child { margin-bottom: 0; }
@container (max-width: 560px) {
  .lb-multimedia > .lb-multimedia-media {
    float: none;
    width: 100%;
    margin: 0 0 var(--lb-media-gap, 24px);
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }
  .lb-multimedia > .lb-multimedia-text { grid-column: 1 / -1 !important; grid-row: auto !important; }
}
@media (max-width: 600px) {
  .lb-multimedia:is(.lb-layout-side-left, .lb-layout-side-right) { display: block; }
  :is(.lb-article-content, .editor-styles-wrapper) :is(.wp-block-image, .wp-block-video, .wp-block-embed):is(.alignleft, .alignright) {
    float: none;
    max-width: 100%;
    margin: 0 0 var(--lb-article-gap, 24px);
  }
}
.has-text-align-justify {
  text-align: justify;
  text-align-last: auto;
}