/**
 * @file
 * Full-width content layout for Save Mo Lives (narrow alias).
 *
 * Olivero's content-narrow layout originally inset content into a subset
 * of the 14-column grid. Match the homepage: span the full container
 * width at every breakpoint. Nested text treatments (blockquote/pre)
 * keep auto width so they do not overflow.
 */

.layout--content-narrow,
.layout--pass--content-narrow > * {
  grid-column: 1 / -1;
  width: 100%;
}

/*
  Nested layouts also stay full width within their parent .grid-full.
*/

.layout--content-narrow .layout--content-narrow,
.layout--pass--content-narrow > * .layout--content-narrow,
.layout--content-medium .layout--content-narrow,
.layout--pass--content-medium > * .layout--content-narrow,
.layout--content-narrow .layout--pass--content-narrow > *,
.layout--pass--content-narrow > * .layout--pass--content-narrow > *,
.layout--content-medium .layout--pass--content-narrow > *,
.layout--pass--content-medium > * .layout--pass--content-narrow > * {
  grid-column: 1 / -1;
}

/**
 * <pre> and <blockquote> should not break containers when present.
 */

.layout--content-narrow.text-content blockquote,
.layout--pass--content-narrow > *.text-content blockquote,
.layout--content-narrow .text-content blockquote,
.layout--pass--content-narrow > * .text-content blockquote,
.layout--content-narrow.text-content pre,
.layout--pass--content-narrow > *.text-content pre,
.layout--content-narrow .text-content pre,
.layout--pass--content-narrow > * .text-content pre,
.sidebar-grid .layout--content-narrow.text-content blockquote,
.sidebar-grid .layout--pass--content-narrow > *.text-content blockquote,
.sidebar-grid .layout--content-narrow .text-content blockquote,
.sidebar-grid .layout--pass--content-narrow > * .text-content blockquote,
.sidebar-grid .layout--content-narrow.text-content pre,
.sidebar-grid .layout--pass--content-narrow > *.text-content pre,
.sidebar-grid .layout--content-narrow .text-content pre,
.sidebar-grid .layout--pass--content-narrow > * .text-content pre {
  width: auto;
}
