/* Only the editorial block below category/brand grids; retain full text width. */
.lg-ui-pack5 .seo-bottom-block-wrap {
  padding: clamp(1rem, 2vw, 2rem);
}

.lg-ui-pack5 .seo-bottom-block-wrap .seo-content-inner {
  --lg-archive-body: var(--lg-type-body, clamp(1rem, .875rem + .5vw, 1.125rem));
  min-inline-size: 0;
  inline-size: 100%;
  max-inline-size: 100%;
  font-size: var(--lg-archive-body);
  line-height: 1.65;
  overflow-wrap: break-word;
}

.lg-ui-pack5 .seo-content-inner :is(p, ul, ol) {
  font-size: var(--lg-archive-body);
  line-height: 1.65;
  margin-block: 0 1em;
}

.lg-ui-pack5 .seo-content-inner p[style*="justify"] {
  text-align: start !important;
}

.lg-ui-pack5 .seo-content-inner :is(ul, ol) {
  margin-inline: 0;
  padding-inline-start: 1.4em;
  list-style-position: outside;
}

.lg-ui-pack5 .seo-content-inner li + li {
  margin-block-start: .4em;
}

.lg-ui-pack5 .seo-content-inner :is(h2, h3) {
  line-height: 1.25;
  letter-spacing: -.01em;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
}

.lg-ui-pack5 .seo-content-inner h2 {
  font-size: clamp(1.75rem, 1.375rem + 1vw, 2.5rem);
  margin-block: 2.25rem 1rem;
}

.lg-ui-pack5 .seo-content-inner h3 {
  font-size: clamp(1.375rem, 1.1875rem + .5vw, 1.75rem);
  margin-block: 1.75rem .75rem;
}

.lg-ui-pack5 .seo-content-inner > :first-child {
  margin-block-start: 0;
}

/* These are actual H3 FAQ questions, with no accordion behavior to change. */
.lg-ui-pack5 .seo-content-inner .schema-faq-code h3.faq-q {
  font-family: var(--lg-font-text, "Instrument Sans", sans-serif);
  font-size: clamp(1.25rem, 1.125rem + .25vw, 1.375rem);
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: normal;
  text-transform: none;
  margin-block: 0 .75rem;
}

.lg-ui-pack5 .seo-content-inner .faq-question + .faq-question {
  margin-block-start: 1.75rem;
}

/* Natural aspect ratio, no crop or upscaling, no forced full-container width.
 * Explicit width/height in imported editor styles must not defeat these caps.
 */
.lg-ui-pack5 .seo-content-inner img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: min(100%, 48rem);
  max-height: 30rem;
  margin: 1.5rem auto;
  object-fit: scale-down;
}

/* Preserve the editor's dimensions and reserve the same rectangle before
 * a lazy image loads. The height cap also constrains width, retaining ratio.
 */
.lg-ui-pack5 .seo-content-inner img.lg-archive-sized-image {
  width: min(100%, var(--lg-archive-image-width), 48rem, calc(30rem * var(--lg-archive-image-ratio))) !important;
  aspect-ratio: var(--lg-archive-image-ratio);
}

.lg-ui-pack5 .seo-content-inner :is(figure, .wp-caption) {
  max-inline-size: 100%;
  margin-inline: auto;
}

@media (max-width: 47.99rem) {
  .lg-ui-pack5 .seo-content-inner h2 {
    margin-block-start: 1.75rem;
  }

  .lg-ui-pack5 .seo-content-inner img {
    max-height: min(30rem, 65svh);
    float: none;
  }

  .lg-ui-pack5 .seo-content-inner img.lg-archive-sized-image {
    width: min(100%, var(--lg-archive-image-width), 48rem, calc(30rem * var(--lg-archive-image-ratio)), calc(65svh * var(--lg-archive-image-ratio))) !important;
  }
}
