/* BEGIN remaining service reading layout — visual review 20261018 */
article.service-reading-page,
.service-reading-page .markdown-page-content {
  max-width: 960px;
}

.service-reading-page .markdown-body > .row.align-items-end {
  display: block;
  margin: 3.5rem 0 1.25rem;
  padding-top: 1.75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.service-reading-page .markdown-body > .row.align-items-end > :is(.col-lg-7, .col-lg-5) {
  width: 100%;
  max-width: 75ch;
  padding-inline: 0;
}

.service-reading-page .markdown-body > .row.align-items-end > .col-lg-5 {
  margin-top: 1rem;
}

.service-reading-page .markdown-body > .row.align-items-end h2.site-heading-lg {
  max-width: 32ch;
  margin: 0;
  padding: 0;
  font-size: clamp(1.75rem, 3vw, 2.375rem);
  line-height: 1.2;
}

.service-reading-page .markdown-body > .row.align-items-end h2::before {
  content: none;
}

.service-reading-page .markdown-body > :is(p, ul, ol) {
  max-width: 75ch;
}

/* A loading image must cover its own paragraph, never the whole article. */
.demo-markdown p:has(> .demo-image-skeleton + img.demo-image-media) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

/* Feature copy retains its paragraph breaks alongside the illustration. */
.markdown-page-content .demo-feature-row p + p {
  margin-top: 1rem;
}

.markdown-page-content .demo-markdown > table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}

@media (min-width: 992px) {
  .seo-audit-page .demo-process-grid > .row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* END remaining service reading layout — visual review 20261018 */
