/* Relia editorial shell, v1.
 * Native template containers are w-full. Liquid marks only the approved
 * editorial roots for release; plain content and sidebar layouts stay boxed.
 * Load with relia-pages-v1.css. No viewport-width escape or global RTE reset.
 */
.relia-content-shell--page,
.relia-content-shell--article {
  --relia-shell-gutter: clamp(18px, 3vw, 32px);
  --relia-article-gutter: clamp(18px, 4vw, 48px);
  --relia-shell-wide: 75rem;
  --relia-shell-prose: 50rem;
}

/* The native page-title snippet reads section.container itself. Bound its
 * title and breadcrumb even when the body below uses container-full. */
.relia-content-shell--page > .f-page-header .container-full {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--relia-shell-wide);
  margin-inline: auto;
  padding-inline: var(--relia-shell-gutter);
}

.relia-content-shell--page > .f-page-header .f-page-header__title,
.relia-content-shell--page > .f-page-header .f-page-header__description {
  max-width: var(--relia-shell-prose);
  margin-inline: auto;
  overflow-wrap: anywhere;
}

/* Only marked page bodies release horizontal container padding. Individual
 * rc-* sections keep their own 50rem prose / 75rem multi-column measures. */
.relia-content-shell--wide-page > .relia-page-container,
.relia-content-shell--wide-page > .relia-page-container > .relia-page-body {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: none;
  margin-inline: 0;
  padding-inline: 0;
}

.relia-content-shell--wide-page > .relia-page,
.relia-content-shell--wide-page .relia-page-body > .relia-page {
  width: 100%;
  min-width: 0;
  max-width: none;
  margin-inline: 0;
}

/* Release only the explicit no-sidebar editorial ancestor chain. Native
 * article.css retains control of unrelated articles and product components. */
.relia-content-shell--article > .relia-article-container,
.relia-content-shell--article .relia-article-row,
.relia-content-shell--article .relia-article-wrapper,
.relia-content-shell--article .relia-article-wrapper > .relia-article-inner,
.relia-content-shell--article .relia-article-inner > .relia-article-document,
.relia-content-shell--article .relia-article-body {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: none;
  margin-inline: 0;
  padding-inline: 0;
}

.relia-content-shell--article .relia-article-row {
  display: block;
}

.relia-content-shell--article .relia-article-wrapper > .relia-article-inner {
  margin-top: 0;
  padding-block: 0;
}

.relia-content-shell--article .relia-article-inner > .relia-article-document {
  padding-block: 0;
}

/* Native layout2 targets every nested article; neutralize that 24px inset
 * for the five actual body roots as well as the outer native document. */
.relia-content-shell--article .relia-article-body > .relia-iron,
.relia-content-shell--article .relia-article-body > .relia-tolerance,
.relia-content-shell--article .relia-article-body > .relia-line,
.relia-content-shell--article .relia-article-body > .relia-sand,
.relia-content-shell--article .relia-article-body > .relia-aluminum {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding: 0;
  background: transparent;
}

/* Keep native H1/meta, breadcrumb, cover, sharing and previous/next links
 * centered. Related products still render their original container snippet. */
.relia-content-shell--article .relia-article-document > .f-article__header {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(var(--relia-shell-prose) + 2 * var(--relia-shell-gutter));
  margin-inline: auto;
  padding-inline: var(--relia-shell-gutter);
}

.relia-content-shell--article .f-article__title {
  overflow-wrap: anywhere;
}

.relia-content-shell--article .relia-article-wrapper > .f-breadcrumb,
.relia-content-shell--article .f-article__feature-image,
.relia-content-shell--article .relia-article-document > .f-article__footer,
.relia-content-shell--article .relia-article-document > .f-article-navigation {
  box-sizing: border-box;
  width: calc(100% - 2 * var(--relia-shell-gutter));
  max-width: var(--relia-shell-wide);
  margin-inline: auto;
}

/* Prose remains around 800px. Wide tables, comparison cards and diagrams
 * keep each article's own 1120px inner container and responsive grid rules. */
.relia-content-shell--article .relia-article-body .relia-iron .ri-copy,
.relia-content-shell--article .relia-article-body .relia-tolerance .rt-prose,
.relia-content-shell--article .relia-article-body .relia-line .rl-prose,
.relia-content-shell--article .relia-article-body .relia-sand .rs-prose,
.relia-content-shell--article .relia-article-body .relia-aluminum .al-prose {
  box-sizing: border-box;
  max-width: var(--relia-shell-prose);
  margin-inline: auto;
}

.relia-content-shell--article .relia-article-body .relia-iron .ri-inner.ri-copy,
.relia-content-shell--article .relia-article-body .relia-tolerance .rt-inner.rt-prose,
.relia-content-shell--article .relia-article-body .relia-line .rl-inner.rl-prose,
.relia-content-shell--article .relia-article-body .relia-sand .rs-inner.rs-prose,
.relia-content-shell--article .relia-article-body .relia-aluminum .al-inner.al-prose {
  max-width: calc(var(--relia-shell-prose) + 2 * var(--relia-article-gutter));
}