/* Sitewide theme bundle — generated by scripts/build-site-themes-bundle.sh */
/* Do not edit directly; edit src/site-themes/*/theme.css */

/* === lincoln === */
/* Lincoln — professional services / life care planning (look only) */

body[data-site-theme="lincoln"] {
  --st-bg: #f9f8f6;
  --st-paper: #fdfcfa;
  --st-ink: #1d3557;
  --st-muted: #5c6670;
  --st-accent: #1d3557;
  --st-navy-band: #1d3557;
  --st-accent-soft: #eef2f6;
  --st-band-white: #ffffff;
  --st-card-bg: #f3f1ed;
  --st-rule: rgba(29, 53, 87, 0.14);
  --st-font-display: Cambria, Georgia, "Times New Roman", serif;
  --st-font-body: "Libre Franklin", "Segoe UI", system-ui, sans-serif;
  --st-display-weight: 400;
  --st-display-weight-medium: 500;
  --st-body-weight: 400;
  --st-nav-weight: 500;
  --st-header-height: 92px;
  --st-header-inset-x: clamp(1.25rem, 4vw, 2.5rem);
  --st-header-band-width: 68vw;
  --st-hero-title-size: clamp(2rem, 4.2vw, 2.85rem);
  --st-section-gap: clamp(3rem, 7vw, 5rem);

  --menu-font-family: var(--st-font-body);
  --menu-font: var(--st-font-body);
  --menu-background-color: var(--st-paper);
  --site-background-color: var(--st-bg);
  --menu-color: var(--st-muted);
  --menu-active-color: var(--st-accent);
  --menu-hover-color: #122536;
  --edit-ui-text-color: var(--st-ink);
  --menu-contrast-color: var(--st-ink);

  font-family: var(--st-font-body);
  color: var(--st-ink);
  background-color: var(--st-bg);
}

/* --- Horizontal header --- */
body[data-site-theme="lincoln"].menu-layout-horizontal {
  --mobile-header-height: var(--st-header-height);
  --content-margin-top: var(--st-header-height);
  --top-bar-height-setting: var(--st-header-height);
}

html body[data-site-theme="lincoln"].menu-layout-horizontal .mobile-header {
  background-color: var(--st-paper) !important;
  background-image: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  min-height: var(--st-header-height) !important;
  height: auto !important;
  justify-content: center !important;
}

/* Centered band — flex-grow on .mobile-header-content would otherwise stretch to 100% */
html body[data-site-theme="lincoln"].menu-layout-horizontal .mobile-header-content {
  flex: 0 0 auto !important;
  flex-grow: 0 !important;
  width: var(--st-header-band-width, 68vw) !important;
  max-width: var(--st-header-band-width, 68vw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--st-header-inset-x) !important;
  padding-right: var(--st-header-inset-x) !important;
  min-height: var(--st-header-height);
  align-items: center !important;
  border-bottom: 1px solid var(--st-rule) !important;
  box-sizing: border-box;
}

html body[data-site-theme="lincoln"].menu-layout-horizontal .logo-menu-container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  gap: 1.5rem !important;
  margin: 0 !important;
  padding: 0.75rem 0 !important;
}

html body[data-site-theme="lincoln"].menu-layout-horizontal .horizontal-header-logo {
  flex: 0 0 auto !important;
  min-width: auto !important;
  max-width: none !important;
  overflow: visible !important;
}

html body[data-site-theme="lincoln"].menu-layout-horizontal .horizontal-menu-container {
  display: flex !important;
  justify-content: flex-end !important;
  flex: 1 1 auto !important;
  flex-wrap: wrap !important;
  gap: 0.35rem 1.15rem !important;
  align-items: center !important;
  min-width: 0 !important;
}

html body[data-site-theme="lincoln"] .horizontal-header-logo,
html body[data-site-theme="lincoln"] .horizontal-header-logo a {
  font-family: var(--st-font-display) !important;
  color: var(--st-ink) !important;
  text-decoration: none;
}

html body[data-site-theme="lincoln"] .horizontal-header-logo .site-title-text,
html body[data-site-theme="lincoln"] .horizontal-header-logo h1,
html body[data-site-theme="lincoln"] .horizontal-header-logo h2,
html body[data-site-theme="lincoln"] .horizontal-header-logo p:last-of-type,
html body[data-site-theme="lincoln"] .horizontal-header-logo p:only-of-type,
html body[data-site-theme="lincoln"] .horizontal-header-logo > div:first-child,
html body[data-site-theme="lincoln"] .horizontal-header-logo a .site-title-text,
html body[data-site-theme="lincoln"] .horizontal-header-logo a h1,
html body[data-site-theme="lincoln"] .horizontal-header-logo a p:last-of-type {
  font-family: var(--st-font-display) !important;
  font-size: clamp(1rem, 1.8vw, 1.15rem) !important;
  font-weight: var(--st-display-weight, 400) !important;
  letter-spacing: 0.08em;
  line-height: 1.15;
  color: var(--st-ink) !important;
  -webkit-text-fill-color: var(--st-ink) !important;
  background: none !important;
  white-space: normal;
  text-transform: none;
}

html body[data-site-theme="lincoln"] .horizontal-header-logo p:first-of-type:not(:only-of-type),
html body[data-site-theme="lincoln"] .horizontal-header-logo p:first-of-type:not(:only-of-type) * {
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.25rem, 2.35vw, 1.55rem) !important;
  letter-spacing: 0.1em !important;
}

html body[data-site-theme="lincoln"] .horizontal-header-logo p:last-of-type:not(:only-of-type),
html body[data-site-theme="lincoln"] .horizontal-header-logo p:last-of-type:not(:only-of-type) * {
  font-family: var(--st-font-body) !important;
  font-size: clamp(0.58rem, 1.05vw, 0.68rem) !important;
  font-weight: var(--st-nav-weight, 500) !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--st-muted) !important;
  -webkit-text-fill-color: var(--st-muted) !important;
}

/* Beat menu-styles .horizontal-header-logo span { font-family: var(--menu-font-family) !important } and Quill inline styles */
html body[data-site-theme="lincoln"] .horizontal-header-logo span,
html body[data-site-theme="lincoln"] .horizontal-header-logo p,
html body[data-site-theme="lincoln"] .horizontal-header-logo div,
html body[data-site-theme="lincoln"] .horizontal-header-logo h1,
html body[data-site-theme="lincoln"] .horizontal-header-logo h2,
html body[data-site-theme="lincoln"] .horizontal-header-logo h3,
html body[data-site-theme="lincoln"] .horizontal-header-logo strong,
html body[data-site-theme="lincoln"] .horizontal-header-logo b {
  font-family: inherit !important;
}

html body[data-site-theme="lincoln"] .horizontal-header-logo .site-title-text *,
html body[data-site-theme="lincoln"] .horizontal-header-logo h1 *,
html body[data-site-theme="lincoln"] .horizontal-header-logo h2 *,
html body[data-site-theme="lincoln"] .horizontal-header-logo p:last-of-type *,
html body[data-site-theme="lincoln"] .horizontal-header-logo p:only-of-type *,
html body[data-site-theme="lincoln"] .horizontal-header-logo > div:first-child * {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

html body[data-site-theme="lincoln"] .horizontal-menu-item,
html body[data-site-theme="lincoln"] .horizontal-menu-item a,
html body[data-site-theme="lincoln"] .horizontal-menu-item > span {
  color: var(--st-muted) !important;
  font-family: var(--st-font-body) !important;
  font-size: 0.82rem !important;
  font-weight: var(--st-body-weight, 400) !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  text-decoration: none !important;
}

html body[data-site-theme="lincoln"] .horizontal-menu-container > .horizontal-menu-item:last-child span {
  background: var(--st-accent) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 0.78rem !important;
  font-weight: var(--st-nav-weight, 500) !important;
  letter-spacing: 0.04em !important;
  padding: 0.55rem 1.15rem !important;
  border-radius: 999px !important;
  border: 1px solid var(--st-accent) !important;
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1.2 !important;
  cursor: pointer;
}

html body[data-site-theme="lincoln"] .horizontal-menu-container > .horizontal-menu-item:last-child:hover span {
  background: #061827 !important;
  border-color: #061827 !important;
  color: #ffffff !important;
}

html body[data-site-theme="lincoln"] .horizontal-menu-item.external-link a {
  background: var(--st-accent) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 0.78rem !important;
  font-weight: var(--st-nav-weight, 500) !important;
  letter-spacing: 0.06em !important;
  text-transform: none !important;
  padding: 0.55rem 1.15rem !important;
  border-radius: 999px !important;
  border: 1px solid var(--st-accent) !important;
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1.2 !important;
}

html body[data-site-theme="lincoln"] .horizontal-menu-item.external-link a:hover {
  background: #061827 !important;
  border-color: #061827 !important;
  color: #ffffff !important;
}

html body[data-site-theme="lincoln"] .horizontal-menu-item.active a,
html body[data-site-theme="lincoln"] .horizontal-menu-item a:hover {
  color: var(--st-accent) !important;
}

html body[data-site-theme="lincoln"] .mobile-header-text .site-title-text,
html body[data-site-theme="lincoln"] .mobile-header-text h1,
html body[data-site-theme="lincoln"] .mobile-header-text h2,
html body[data-site-theme="lincoln"] .mobile-header-text p:last-of-type,
html body[data-site-theme="lincoln"] .mobile-header-text p:only-of-type {
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.35rem, 5vw, 1.85rem) !important;
  font-weight: var(--st-display-weight, 400) !important;
  color: var(--st-ink) !important;
  -webkit-text-fill-color: var(--st-ink) !important;
}

html body[data-site-theme="lincoln"] .mobile-header-text .site-title-text *,
html body[data-site-theme="lincoln"] .mobile-header-text h1 *,
html body[data-site-theme="lincoln"] .mobile-header-text p:last-of-type *,
html body[data-site-theme="lincoln"] .mobile-header-text p:only-of-type * {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}

@media (max-width: 900px) {
  body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#1d3557"] .column-container-element > .element-content,
  body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#eef2f6"] .column-container-element > .element-content {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 768px) {
  html body[data-site-theme="lincoln"].menu-layout-horizontal .mobile-header {
    justify-content: flex-start !important;
  }

  html body[data-site-theme="lincoln"].menu-layout-horizontal .mobile-header-content {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* --- Page shell --- */
body[data-site-theme="lincoln"] .page-container,
body[data-site-theme="lincoln"] .page-content {
  background-color: var(--st-bg);
  color: var(--st-ink);
}

body[data-site-theme="lincoln"] .page-container:not(.editing) .metadata-element {
  display: none !important;
}

/* Page content width comes from Page Settings padding (e.g. 16vw left/right), not theme max-width */
body[data-site-theme="lincoln"] .page-content {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}

body[data-site-theme="lincoln"] .page-elements-container {
  width: 100% !important;
  max-width: 100% !important;
}

body[data-site-theme="lincoln"]:has(.page-row-band) .gallery-container {
  overflow: visible !important;
}

/* Row band inner padding aligns with Lincoln 68vw content column when page insets are unset */
body[data-site-theme="lincoln"] .page-element.page-row-band {
  padding-left: var(--page-row-inset-left, 16vw);
  padding-right: var(--page-row-inset-right, 16vw);
  padding-top: clamp(3.75rem, 9vw, 5.75rem);
  padding-bottom: clamp(3.75rem, 9vw, 5.75rem);
}

/* Navy row bands — light text */
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#1d3557"] .page-text h2,
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#1d3557"] .page-text h4,
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#1d3557"] .page-text p,
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#1d3557"] .page-text .ql-editor h2,
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#1d3557"] .page-text .ql-editor h4,
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#1d3557"] .page-text .ql-editor p {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#1d3557"] .page-text h4,
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#1d3557"] .page-text .ql-editor h4 {
  opacity: 1;
  color: rgba(255, 255, 255, 0.68) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.68) !important;
  letter-spacing: 0.16em !important;
  font-size: 0.68rem !important;
  margin-bottom: 0.85rem;
}

body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#1d3557"] .page-text h2,
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#1d3557"] .page-text .ql-editor h2 {
  font-size: clamp(1.75rem, 3.4vw, 2.35rem) !important;
  line-height: 1.2 !important;
  max-width: none;
  margin-top: 0;
  margin-bottom: 1.25rem;
}

body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#1d3557"] .page-text p,
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#1d3557"] .page-text .ql-editor p {
  opacity: 0.9;
  max-width: 40rem;
}

body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#eef2f6"] .page-text h4,
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#eef2f6"] .page-text .ql-editor h4,
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#ffffff"] .page-text h4,
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#ffffff"] .page-text .ql-editor h4 {
  color: var(--st-muted) !important;
  letter-spacing: 0.16em !important;
  font-size: 0.68rem !important;
  margin-bottom: 0.85rem;
}

body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#eef2f6"] .page-text h2,
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#eef2f6"] .page-text .ql-editor h2,
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#ffffff"] .page-text h2,
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#ffffff"] .page-text .ql-editor h2 {
  font-size: clamp(1.75rem, 3.4vw, 2.35rem) !important;
  line-height: 1.2 !important;
  max-width: none;
  color: var(--st-ink) !important;
  margin-top: 0;
  margin-bottom: 1rem;
}

body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#eef2f6"] .page-text p,
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#eef2f6"] .page-text .ql-editor p,
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#ffffff"] .page-text p,
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#ffffff"] .page-text .ql-editor p {
  max-width: 40rem;
  color: var(--st-muted) !important;
  margin-left: auto;
  margin-right: auto;
}

body[data-site-theme="lincoln"] .page-row-band .page-text h2,
body[data-site-theme="lincoln"] .page-row-band .page-text h4,
body[data-site-theme="lincoln"] .page-row-band .page-text p,
body[data-site-theme="lincoln"] .page-row-band .page-text .ql-editor h2,
body[data-site-theme="lincoln"] .page-row-band .page-text .ql-editor h4,
body[data-site-theme="lincoln"] .page-row-band .page-text .ql-editor p {
  text-align: center !important;
}

body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#1d3557"] .page-text p,
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#1d3557"] .page-text .ql-editor p {
  margin-left: auto;
  margin-right: auto;
}

/* --- Typography (beat page-styles + Quill inline font-family/color) --- */
html body[data-site-theme="lincoln"] .page-elements-container .page-text,
html body[data-site-theme="lincoln"] .page-content .page-text,
html body[data-site-theme="lincoln"] .page-text,
html body[data-site-theme="lincoln"] .page-text p,
html body[data-site-theme="lincoln"] .page-text span,
html body[data-site-theme="lincoln"] .page-text div,
html body[data-site-theme="lincoln"] .page-text li,
html body[data-site-theme="lincoln"] .page-element,
html body[data-site-theme="lincoln"] .page-text .ql-editor,
html body[data-site-theme="lincoln"] .page-text .ql-editor p,
html body[data-site-theme="lincoln"] .page-text .ql-editor span,
html body[data-site-theme="lincoln"] .page-text .ql-editor div,
html body[data-site-theme="lincoln"] .page-text .ql-editor li {
  font-family: var(--st-font-body) !important;
  color: var(--st-muted) !important;
  font-weight: var(--st-body-weight, 400) !important;
  line-height: 1.65;
  font-synthesis: none;
}

html body[data-site-theme="lincoln"] .page-text h1,
html body[data-site-theme="lincoln"] .page-text h2,
html body[data-site-theme="lincoln"] .page-text h3,
html body[data-site-theme="lincoln"] .page-text h4,
html body[data-site-theme="lincoln"] .page-text .ql-editor h1,
html body[data-site-theme="lincoln"] .page-text .ql-editor h2,
html body[data-site-theme="lincoln"] .page-text .ql-editor h3,
html body[data-site-theme="lincoln"] .page-text .ql-editor h4 {
  font-family: var(--st-font-display) !important;
  color: var(--st-ink) !important;
  font-weight: var(--st-display-weight, 400) !important;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}

html body[data-site-theme="lincoln"] .page-text h1,
html body[data-site-theme="lincoln"] .page-text .ql-editor h1,
html body[data-site-theme="lincoln"] .page-content > .page-element:first-child .page-text h1,
html body[data-site-theme="lincoln"] .page-content > .page-element:first-child .page-text .ql-editor h1 {
  font-size: var(--st-hero-title-size) !important;
  line-height: 1.15 !important;
  margin: 0 0 1rem;
}

html body[data-site-theme="lincoln"] .page-text .ql-align-center h1,
html body[data-site-theme="lincoln"] .page-text .ql-align-center h2,
html body[data-site-theme="lincoln"] .page-text .ql-align-center h4,
html body[data-site-theme="lincoln"] .page-text .ql-align-center p,
html body[data-site-theme="lincoln"] .page-text .ql-editor .ql-align-center {
  text-align: center !important;
}

html body[data-site-theme="lincoln"] .page-text h2,
html body[data-site-theme="lincoln"] .page-text .ql-editor h2 {
  font-size: clamp(1.5rem, 3vw, 1.85rem) !important;
  font-weight: var(--st-display-weight-medium, 500) !important;
  margin-top: 1.5rem;
  margin-bottom: 0.65rem;
}

html body[data-site-theme="lincoln"] .page-text h3,
html body[data-site-theme="lincoln"] .page-text .ql-editor h3 {
  font-size: 1.35rem !important;
  font-weight: var(--st-display-weight-medium, 500) !important;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

/* Eyebrow / small caps lead lines */
html body[data-site-theme="lincoln"] .page-text h4,
html body[data-site-theme="lincoln"] .page-text .ql-editor h4,
html body[data-site-theme="lincoln"] .page-text .ql-size-small,
html body[data-site-theme="lincoln"] .page-text .ql-editor .ql-size-small {
  font-family: var(--st-font-body) !important;
  font-size: 0.72rem !important;
  font-weight: var(--st-nav-weight, 500) !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--st-muted) !important;
}

html body[data-site-theme="lincoln"] .page-text h1 *,
html body[data-site-theme="lincoln"] .page-text h2 *,
html body[data-site-theme="lincoln"] .page-text h3 *,
html body[data-site-theme="lincoln"] .page-text h4 *,
html body[data-site-theme="lincoln"] .page-text .ql-editor h1 *,
html body[data-site-theme="lincoln"] .page-text .ql-editor h2 *,
html body[data-site-theme="lincoln"] .page-text .ql-editor h3 *,
html body[data-site-theme="lincoln"] .page-text .ql-editor h4 * {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

html body[data-site-theme="lincoln"] .page-text h1 strong,
html body[data-site-theme="lincoln"] .page-text h2 strong,
html body[data-site-theme="lincoln"] .page-text h3 strong,
html body[data-site-theme="lincoln"] .page-text h4 strong,
html body[data-site-theme="lincoln"] .page-text .ql-editor h1 strong,
html body[data-site-theme="lincoln"] .page-text .ql-editor h2 strong,
html body[data-site-theme="lincoln"] .page-text .ql-editor h3 strong,
html body[data-site-theme="lincoln"] .page-text .ql-editor h4 strong,
html body[data-site-theme="lincoln"] .page-text h1 b,
html body[data-site-theme="lincoln"] .page-text h2 b,
html body[data-site-theme="lincoln"] .page-text h3 b,
html body[data-site-theme="lincoln"] .page-text h4 b,
html body[data-site-theme="lincoln"] .page-text .ql-editor h1 b,
html body[data-site-theme="lincoln"] .page-text .ql-editor h2 b,
html body[data-site-theme="lincoln"] .page-text .ql-editor h3 b,
html body[data-site-theme="lincoln"] .page-text .ql-editor h4 b {
  font-weight: inherit !important;
}

html body[data-site-theme="lincoln"] .page-text strong,
html body[data-site-theme="lincoln"] .page-text b,
html body[data-site-theme="lincoln"] .page-text .ql-editor strong,
html body[data-site-theme="lincoln"] .page-text .ql-editor b {
  font-weight: var(--st-display-weight-medium, 500) !important;
}

html body[data-site-theme="lincoln"] .page-text blockquote,
html body[data-site-theme="lincoln"] .page-text .ql-editor blockquote {
  margin: 1.5rem 0;
  padding: 1.25rem 1.5rem;
  background: var(--st-accent-soft);
  border: 1px solid rgba(26, 51, 71, 0.12);
  border-radius: 2px;
  color: var(--st-ink) !important;
  font-size: 1rem;
}

/* --- Column sections --- */
body[data-site-theme="lincoln"] .page-content .column-container-element {
  margin: 0;
}

body[data-site-theme="lincoln"] .page-content .column-container-element .column {
  padding: 0.35rem;
}

body[data-site-theme="lincoln"] .page-content .column-container-element > .element-content {
  gap: clamp(1.25rem, 3vw, 2rem);
}

/* Hero split */
body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"],
body[data-site-theme="lincoln"] .page-element[data-id="1780073200003"],
body[data-site-theme="lincoln"] .page-element[data-recipe="hero-ctas"],
body[data-site-theme="lincoln"] .page-element[data-id="1780073200004"],
body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .page-element,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200003"] .page-element,
body[data-site-theme="lincoln"] .page-element[data-recipe="hero-ctas"] .page-element,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200004"] .page-element,
body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .column,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200003"] .column,
body[data-site-theme="lincoln"] .page-element[data-recipe="hero-ctas"] .column,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200004"] .column {
  overflow: visible !important;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"],
body[data-site-theme="lincoln"] .page-element[data-id="1780073200003"] {
  margin: clamp(1.75rem, 4vw, 2.75rem) 0 0.5rem;
  background: transparent;
  display: block;
  width: 100%;
  max-width: 100%;
  align-items: unset;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .page-text-container,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200003"] .page-text-container {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  height: auto;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .column:first-child .page-text h1,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200003"] .column:first-child .page-text h1,
body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .column:first-child .page-text .ql-editor h1,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200003"] .column:first-child .page-text .ql-editor h1 {
  text-align: left !important;
  max-width: 26rem;
  color: var(--st-ink) !important;
  -webkit-text-fill-color: var(--st-ink) !important;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .column:first-child .page-text h4,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200003"] .column:first-child .page-text h4 {
  margin: 0 0 0.85rem;
  color: var(--st-muted) !important;
  -webkit-text-fill-color: var(--st-muted) !important;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .column:first-child .page-text p,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200003"] .column:first-child .page-text p {
  max-width: 34rem;
  font-size: 1rem !important;
  color: var(--st-ink) !important;
  -webkit-text-fill-color: var(--st-ink) !important;
}

/* Gallenstein: text-only glass panel in right column */
body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .column:last-child:not(:has(.image-element)) .page-text-container,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200003"] .column:last-child .page-text-container {
  padding: clamp(1.1rem, 2.5vw, 1.5rem);
  background: var(--st-accent);
  border-radius: 14px;
  box-shadow: 0 20px 48px rgba(11, 36, 59, 0.2);
  aspect-ratio: 1;
  width: min(100%, 400px);
  max-width: 100%;
  min-height: unset;
  height: auto;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .column:last-child:not(:has(.image-element)) .page-text,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200003"] .column:last-child .page-text {
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 10px;
  padding: clamp(2.75rem, 7vw, 4.5rem) clamp(2.25rem, 5.5vw, 3.25rem) !important;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  margin: 0;
  text-align: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .column:last-child:not(:has(.image-element)) .page-text p,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200003"] .column:last-child .page-text p,
body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .column:last-child:not(:has(.image-element)) .page-text span,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200003"] .column:last-child .page-text span,
body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .column:last-child:not(:has(.image-element)) .page-text strong,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200003"] .column:last-child .page-text strong {
  color: rgba(255, 255, 255, 0.9) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;
  font-family: var(--st-font-body) !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  line-height: 1.6;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .column:last-child:not(:has(.image-element)) .page-text p:first-of-type,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200003"] .column:last-child .page-text p:first-of-type {
  font-size: 2.25rem !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1;
  margin-bottom: 1rem !important;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .column:last-child:not(:has(.image-element)) .page-text p:nth-of-type(2),
body[data-site-theme="lincoln"] .page-element[data-id="1780073200003"] .column:last-child .page-text p:nth-of-type(2),
body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .column:last-child:not(:has(.image-element)) .page-text p:nth-of-type(2) strong,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200003"] .column:last-child .page-text p:nth-of-type(2) strong {
  font-family: var(--st-font-display) !important;
  font-size: 1rem !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  font-weight: var(--st-display-weight, 400) !important;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .column:last-child:not(:has(.image-element)) .page-text p:nth-of-type(3),
body[data-site-theme="lincoln"] .page-element[data-id="1780073200003"] .column:last-child .page-text p:nth-of-type(3) {
  font-size: 0.62rem !important;
  letter-spacing: 0.22em !important;
  margin-bottom: 1.25rem !important;
  opacity: 0.88;
}

/* Editorial template: image + caption in right column */
body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .column:last-child:has(.image-element) .page-image-frame {
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 1rem;
  box-shadow: 0 16px 40px rgba(11, 36, 59, 0.14);
}

body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .column:last-child:has(.image-element) .page-text-container {
  padding: clamp(1rem, 2vw, 1.25rem);
  background: var(--st-accent);
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(11, 36, 59, 0.16);
  width: 100%;
  max-width: min(100%, 400px);
  margin-inline: auto;
  aspect-ratio: auto;
  min-height: unset;
  height: auto;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .column:last-child:has(.image-element) .page-text h4,
body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .column:last-child:has(.image-element) .page-text h3,
body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .column:last-child:has(.image-element) .page-text p {
  color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
  text-align: left !important;
}

/* Hero CTAs */
body[data-site-theme="lincoln"] .page-element[data-recipe="hero-ctas"],
body[data-site-theme="lincoln"] .page-element[data-id="1780073200004"] {
  margin: 0 0 1rem;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="hero-ctas"] > .element-content,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200004"] > .element-content {
  gap: 1rem;
  max-width: 34rem;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="hero-ctas"] .page-button-wrap,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200004"] .page-button-wrap {
  width: auto !important;
  padding: 3px !important;
  justify-content: flex-start !important;
  overflow: visible !important;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="hero-ctas"] .page-button-wrap .neon-page-btn,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200004"] .page-button-wrap .neon-page-btn {
  width: auto !important;
  min-width: 11rem;
}

/* What is LCP intro */
body[data-site-theme="lincoln"] .page-element[data-recipe="section-intro"],
body[data-site-theme="lincoln"] .page-element[data-id="1780073200006"] {
  margin: var(--st-section-gap) 0 1.75rem;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="section-intro"] .page-text h2,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200006"] .page-text h2 {
  max-width: 22ch;
  margin-left: auto;
  margin-right: auto;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="section-intro"] .page-text p,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200006"] .page-text p {
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.98rem !important;
}

/* Feature cards */
body[data-site-theme="lincoln"] .page-element[data-recipe="feature-grid"],
body[data-site-theme="lincoln"] .page-element[data-id="1780073200007"] {
  margin: 0 0 var(--st-section-gap);
  width: 100%;
  max-width: 100%;
  overflow: visible !important;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="feature-grid"] > .element-content,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200007"] > .element-content {
  width: 100%;
  min-width: 0;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="feature-grid"] .page-image-frame,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200007"] .page-image-frame {
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 1rem;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="feature-grid"] .page-text-container,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200007"] .page-text-container {
  background: var(--st-card-bg);
  border: 1px solid var(--st-rule);
  border-radius: 12px;
  padding: 1.75rem 1.35rem 1.5rem;
  height: 100%;
  box-sizing: border-box;
  text-align: center;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="feature-grid"] .page-text h3,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200007"] .page-text h3 {
  font-size: 1.05rem !important;
  margin-top: 0;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="feature-grid"] .page-text h3::before,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200007"] .page-text h3::before {
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  margin: 0 auto 1rem;
  border: 1px solid rgba(11, 36, 59, 0.18);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.55);
}

body[data-site-theme="lincoln"] .page-element[data-recipe="feature-grid"] .page-text p,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200007"] .page-text p {
  color: var(--st-muted);
  font-size: 0.88rem !important;
  line-height: 1.55;
}

/* Case type grid — rounded cells on the navy band (Catastrophic section rows only) */
body[data-site-theme="lincoln"] .page-element[data-recipe="case-types-grid"] .column .page-text-container,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200010"] .column .page-text-container,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200011"] .column .page-text-container {
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 10px;
  padding: 1.05rem 0.85rem;
  min-height: 4.5rem;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="case-types-grid"] .column .page-text p,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200010"] .column .page-text p,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200011"] .column .page-text p {
  color: rgba(255, 255, 255, 0.96) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.96) !important;
  font-size: 0.92rem !important;
  line-height: 1.4;
  margin: 0;
  text-align: center !important;
  opacity: 1 !important;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="case-types-grid"] > .element-content,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200010"] > .element-content,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200011"] > .element-content {
  gap: 0.85rem 1rem;
}

/* Section intro rows — restore top breathing room (consecutive band rules collapse it) */
body[data-site-theme="lincoln"] .page-element[data-recipe="credentials-intro"],
body[data-site-theme="lincoln"] .page-element[data-id="1780073200012"].page-row-band[data-row-bg="#ffffff"],
body[data-site-theme="lincoln"] .page-element[data-recipe="final-cta"],
body[data-site-theme="lincoln"] .page-element[data-id="1780073200014"].page-row-band[data-row-bg="#1d3557"] {
  padding-top: clamp(3.5rem, 8vw, 5rem) !important;
  padding-bottom: 0.75rem;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="case-types-intro"],
body[data-site-theme="lincoln"] .page-element[data-id="1780073200009"].page-row-band[data-row-bg="#1d3557"] {
  padding-bottom: 0.75rem;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="case-types-grid"].page-row-band,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200010"].page-row-band[data-row-bg="#1d3557"],
body[data-site-theme="lincoln"] .page-element[data-id="1780073200011"].page-row-band[data-row-bg="#1d3557"],
body[data-site-theme="lincoln"] .page-element[data-recipe="credentials-pills"],
body[data-site-theme="lincoln"] .page-element[data-id="1780073200013"].page-row-band[data-row-bg="#ffffff"],
body[data-site-theme="lincoln"] .page-element[data-recipe="final-cta-btn"],
body[data-site-theme="lincoln"] .page-element[data-id="1780073200015"].page-row-band[data-row-bg="#1d3557"] {
  padding-top: 0.75rem;
  padding-bottom: clamp(2rem, 4.5vw, 2.75rem) !important;
}

@media (min-width: 769px) {
  body[data-site-theme="lincoln"] .page-element[data-recipe="case-types-grid"] > .element-content,
  body[data-site-theme="lincoln"] .page-element[data-id="1780073200010"] > .element-content,
  body[data-site-theme="lincoln"] .page-element[data-id="1780073200011"] > .element-content,
  body[data-site-theme="lincoln"] .page-element[data-recipe="credentials-pills"] > .element-content,
  body[data-site-theme="lincoln"] .page-element[data-id="1780073200013"] > .element-content {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    display: grid !important;
  }
}

/* Credential tags — rounded outline cells on white band (matches case type grid style) */
body[data-site-theme="lincoln"] .page-element[data-recipe="credentials-pills"] > .element-content,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200013"] > .element-content {
  gap: 0.85rem 1rem;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="credentials-pills"] .column .page-text-container,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200013"] .column .page-text-container {
  background: #ffffff;
  border: 1px solid rgba(29, 53, 87, 0.24);
  border-radius: 10px;
  padding: 1.05rem 0.85rem;
  min-height: 4.5rem;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="credentials-pills"] .column .page-text p,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200013"] .column .page-text p {
  color: var(--st-ink) !important;
  -webkit-text-fill-color: var(--st-ink) !important;
  font-size: 0.88rem !important;
  line-height: 1.4;
  margin: 0;
  text-align: center !important;
  letter-spacing: 0.01em;
  opacity: 1 !important;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="credentials-pills"] .column .page-text strong,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200013"] .column .page-text strong {
  font-weight: var(--st-body-weight, 400) !important;
}

/* Final CTA button — inverted white pill on navy band, centered */
body[data-site-theme="lincoln"] .page-element[data-recipe="final-cta-btn"] .page-button-wrap,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200015"].page-row-band[data-row-bg="#1d3557"].button-element .page-button-wrap {
  justify-content: center !important;
  padding: 0 !important;
  max-width: none;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="final-cta-btn"] .neon-page-btn.page-button-cta,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200015"].page-row-band[data-row-bg="#1d3557"].button-element .neon-page-btn.page-button-cta {
  --page-btn-color: #1d3557 !important;
  --page-btn-bg: #ffffff !important;
  --page-btn-outline: none !important;
  min-width: 13rem;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="final-cta-btn"] .neon-page-btn.page-button-cta:hover,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200015"].page-row-band[data-row-bg="#1d3557"].button-element .neon-page-btn.page-button-cta:hover {
  background-color: #eef2f6 !important;
}

/* Footer row — dark navy band, light text, left-aligned columns */
/* Remove default 100px bottom pad; extend navy footer to viewport bottom on published pages */
body[data-site-theme="lincoln"] .page-container:not(.editing) .page-elements-container:has(.page-row-band) {
  padding-bottom: 0 !important;
  display: flex;
  flex-direction: column;
  min-height: calc(100svh - var(--mobile-header-height, 92px));
  box-sizing: border-box;
}

body[data-site-theme="lincoln"] .page-container:not(.editing) .page-elements-container:has(.page-row-band) > .page-element[data-recipe="footer-columns"].page-row-band,
body[data-site-theme="lincoln"] .page-container:not(.editing) .page-elements-container:has(.page-row-band) > .page-element[data-id="1780073200016"].page-row-band {
  margin-top: auto !important;
  flex: 1 1 auto;
  margin-bottom: 0 !important;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="footer-columns"],
body[data-site-theme="lincoln"] .page-element[data-id="1780073200016"] {
  margin-bottom: 0;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="footer-columns"],
body[data-site-theme="lincoln"] .page-element[data-id="1780073200016"].page-row-band {
  padding-top: clamp(2.25rem, 5vw, 3rem) !important;
  padding-bottom: clamp(3.25rem, 7vw, 4.5rem);
  border-top: 1px solid rgba(255, 255, 255, 0.22);
}

body[data-site-theme="lincoln"] .page-element[data-recipe="footer-columns"] > .element-content,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200016"] > .element-content {
  gap: clamp(2rem, 5vw, 3rem);
  align-items: flex-start;
}

@media (min-width: 769px) {
  body[data-site-theme="lincoln"] .page-element[data-recipe="footer-columns"] > .element-content,
  body[data-site-theme="lincoln"] .page-element[data-id="1780073200016"] > .element-content {
    display: grid !important;
    grid-template-columns: 1.15fr 1fr 1fr !important;
    align-items: start;
  }
}

body[data-site-theme="lincoln"] .page-element[data-recipe="footer-columns"] .page-text,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200016"] .page-text,
body[data-site-theme="lincoln"] .page-element[data-recipe="footer-columns"] .page-text p,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200016"] .page-text p,
body[data-site-theme="lincoln"] .page-element[data-recipe="footer-columns"] .page-text a,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200016"] .page-text a,
body[data-site-theme="lincoln"] .page-element[data-recipe="footer-columns"] .page-text h4,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200016"] .page-text h4 {
  text-align: left !important;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="footer-columns"] .page-text p,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200016"] .page-text p {
  font-size: 0.86rem !important;
  line-height: 1.55;
  margin: 0 0 0.4rem;
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="footer-columns"] .page-text h4,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200016"] .page-text h4 {
  font-family: var(--st-font-body) !important;
  font-size: 0.62rem !important;
  font-weight: var(--st-nav-weight, 500) !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.55) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.55) !important;
  margin: 0 0 0.85rem !important;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="footer-columns"] .column:first-child .page-text p:first-child,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200016"] .column:first-child .page-text p:first-child {
  font-family: var(--st-font-display) !important;
  font-size: 1.1rem !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="footer-columns"] .column:first-child .page-text p:nth-child(2),
body[data-site-theme="lincoln"] .page-element[data-id="1780073200016"] .column:first-child .page-text p:nth-child(2) {
  font-size: 0.68rem !important;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="footer-columns"] .column:first-child .page-text p:last-child,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200016"] .column:first-child .page-text p:last-child {
  font-size: 0.62rem !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.55) !important;
  margin-top: 0.5rem;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="footer-columns"] .page-text a,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200016"] .page-text a {
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
  text-decoration: none;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="footer-columns"] .page-text a:hover,
body[data-site-theme="lincoln"] .page-element[data-id="1780073200016"] .page-text a:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* =============================================================================
   Shared page recipes — theme-owned band colors (override seed rowBackgroundColor)
   Editorial template uses Spread Editorial hex values; Lincoln re-skins by recipe id.
   ============================================================================= */

body[data-site-theme="lincoln"] .page-element[data-recipe="case-types-intro"].page-row-band,
body[data-site-theme="lincoln"] .page-element[data-recipe="case-types-grid"].page-row-band,
body[data-site-theme="lincoln"] .page-element[data-recipe="footer-columns"].page-row-band {
  --page-row-bg: #1d3557 !important;
  background-color: #1d3557 !important;
}

/* Editorial seed dark band hex — same navy treatment as Gallenstein bands */
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#1e1a17"] .page-text h2,
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#1e1a17"] .page-text h4,
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#1e1a17"] .page-text p,
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#1e1a17"] .page-text .ql-editor h2,
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#1e1a17"] .page-text .ql-editor h4,
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#1e1a17"] .page-text .ql-editor p {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#1e1a17"] .page-text h4,
body[data-site-theme="lincoln"] .page-row-band[data-row-bg="#1e1a17"] .page-text .ql-editor h4 {
  color: rgba(255, 255, 255, 0.68) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.68) !important;
}

/* Final CTA cluster — editorial template omits row bands; Lincoln paints navy block */
body[data-site-theme="lincoln"] .page-element[data-recipe="final-cta"],
body[data-site-theme="lincoln"] .page-element[data-recipe="final-cta-btn"] {
  --page-row-bg: #1d3557;
  background-color: #1d3557 !important;
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: var(--page-row-inset-left, 16vw);
  padding-right: var(--page-row-inset-right, 16vw);
}

body[data-site-theme="lincoln"] .page-element[data-recipe="final-cta"] {
  padding-top: clamp(3.5rem, 8vw, 5rem) !important;
  padding-bottom: 0.75rem;
  text-align: center;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="final-cta-btn"] {
  padding-top: 0.75rem;
  padding-bottom: clamp(2rem, 4.5vw, 2.75rem) !important;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="final-cta"] .page-text h2,
body[data-site-theme="lincoln"] .page-element[data-recipe="final-cta"] .page-text h4,
body[data-site-theme="lincoln"] .page-element[data-recipe="final-cta"] .page-text p,
body[data-site-theme="lincoln"] .page-element[data-recipe="final-cta"] .page-text .ql-editor h2,
body[data-site-theme="lincoln"] .page-element[data-recipe="final-cta"] .page-text .ql-editor h4,
body[data-site-theme="lincoln"] .page-element[data-recipe="final-cta"] .page-text .ql-editor p {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-align: center !important;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="final-cta"] .page-text h4,
body[data-site-theme="lincoln"] .page-element[data-recipe="final-cta"] .page-text .ql-editor h4 {
  color: rgba(255, 255, 255, 0.68) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.68) !important;
}

/* Hero CTAs embedded in hero-split (editorial template — no separate hero-ctas row) */
body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .column:first-child .column-content-area {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 0.75rem 1rem;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .column:first-child .column-content-area > .page-element.text-element {
  flex: 0 0 100%;
  width: 100%;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .column:first-child .column-content-area > .page-element.text-element + .page-element.button-element {
  margin-left: 10px;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .column:first-child .column-content-area > .page-element.button-element {
  flex: 0 0 auto;
  width: auto !important;
  overflow: visible !important;
}

body[data-site-theme="lincoln"] .page-element[data-recipe="hero-split"] .column:first-child .page-button-wrap {
  width: auto !important;
  justify-content: flex-start !important;
  padding: 0 !important;
}

/* --- Buttons (respect per-element --page-btn-* vars from Page Manager) --- */
html body[data-site-theme="lincoln"] .page-elements-container .page-element.button-element .page-button-wrap,
html body[data-site-theme="lincoln"] .page-button-wrap {
  width: auto !important;
  justify-content: flex-start !important;
  padding: 0.35rem 0 !important;
}

html body[data-site-theme="lincoln"] .page-elements-container .page-element.button-element button.neon-page-btn.page-button-cta[type="button"],
html body[data-site-theme="lincoln"] .page-button-element button.neon-page-btn.page-button-cta[type="button"],
html body[data-site-theme="lincoln"] .column-content-area .page-button-wrap button.neon-page-btn.page-button-cta[type="button"] {
  font-family: var(--st-font-body) !important;
  font-size: 0.78rem !important;
  font-weight: var(--st-nav-weight, 500) !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  color: var(--page-btn-color) !important;
  background-color: var(--page-btn-bg) !important;
  outline: var(--page-btn-outline, none) !important;
  outline-offset: var(--page-btn-outline-os, 0) !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 0.72rem 1.35rem !important;
  width: auto !important;
  max-width: none !important;
  min-width: 10.5rem;
}

html body[data-site-theme="lincoln"] .page-elements-container .page-element.button-element button.neon-page-btn.page-button-cta[type="button"]:hover,
html body[data-site-theme="lincoln"] .page-button-element button.neon-page-btn.page-button-cta[type="button"]:hover,
html body[data-site-theme="lincoln"] .column-content-area .page-button-wrap button.neon-page-btn.page-button-cta[type="button"]:hover {
  background-color: var(--page-btn-bg-hover, var(--page-btn-bg)) !important;
}

html body[data-site-theme="lincoln"] .neon-page-btn.page-button-cta[style*="--page-btn-outline: none"]:hover,
html body[data-site-theme="lincoln"] .neon-page-btn.page-button-cta[style*="--page-btn-outline:none"]:hover {
  background-color: #061827 !important;
  color: #ffffff !important;
}

html body[data-site-theme="lincoln"] .neon-page-btn.page-button-cta[style*="--page-btn-outline: 1px"]:hover,
html body[data-site-theme="lincoln"] .neon-page-btn.page-button-cta[style*="--page-btn-outline:1px"]:hover {
  background-color: rgba(11, 36, 59, 0.06) !important;
}

/* --- Images --- */
body[data-site-theme="lincoln"] .page-image-container img,
body[data-site-theme="lincoln"] .page-image-frame img {
  border-radius: 2px;
}

/* --- Layout blocks --- */
body[data-site-theme="lincoln"] .lb-root {
  --lb-bg: var(--st-bg);
  --lb-paper: var(--st-paper);
  --lb-ink: var(--st-ink);
  --lb-muted: var(--st-muted);
  --lb-accent: var(--st-accent);
  --lb-rule: var(--st-rule);
}

/* --- Gallery cosmetics --- */
body[data-site-theme="lincoln"] .info-button,
body[data-site-theme="lincoln"] .overview-button,
body[data-site-theme="lincoln"] .pagination-button {
  color: var(--st-muted);
  border-color: var(--st-rule);
  font-family: var(--st-font-body) !important;
  font-size: 0.78rem;
}

body[data-site-theme="lincoln"] .info-button:hover,
body[data-site-theme="lincoln"] .overview-button:hover,
body[data-site-theme="lincoln"] .info-button.active,
body[data-site-theme="lincoln"] .overview-button.active {
  color: var(--st-accent);
  border-color: var(--st-accent);
}

body[data-site-theme="lincoln"] .masonry-item .caption,
body[data-site-theme="lincoln"] .grid-item-caption,
body[data-site-theme="lincoln"] .neon-caption {
  color: var(--st-muted);
  font-family: var(--st-font-body) !important;
  font-size: 0.85rem;
}

/* --- Sidebar fallback (if layout switched) --- */
body[data-site-theme="lincoln"]:not(.edit-mode-active) .sidebar {
  background-color: var(--st-paper);
  border-right: 1px solid var(--st-rule);
}

body[data-site-theme="lincoln"] .sidebar .gallery-item-content a,
body[data-site-theme="lincoln"] .sidebar .menu-item-title {
  font-family: var(--st-font-body) !important;
  color: var(--st-muted);
}

body[data-site-theme="lincoln"] .sidebar .gallery-item-content.active a,
body[data-site-theme="lincoln"] .sidebar .gallery-item-content a:hover {
  color: var(--st-accent);
}

/* === space-colony === */
/* Space Colony Grid — Phase B+ composition + chrome */

body[data-site-theme="space-colony"] {
  --st-bg: #070b12;
  --st-paper: #0f1623;
  --st-ink: #e8eef7;
  --st-muted: #8b9cb3;
  --st-accent: #5eead4;
  --st-rule: rgba(94, 234, 212, 0.15);
  --st-font-body: "Space Grotesk", system-ui, sans-serif;
  --st-font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --st-header-height: 100px;
  --st-header-inset-x: clamp(1.25rem, 3vw, 2.5rem);
  --st-header-rule-gap: 1rem;
  --st-header-top-gap: 1.5rem;
  --st-content-width: 75vw;
  --st-hero-title-size: clamp(2rem, 5vw, 3.2rem);
  --st-mobile-header-title-size: clamp(2.35rem, 11vw, 3.4rem);

  --menu-font-family: var(--st-font-body);
  --menu-font: var(--st-font-body);
  --menu-background-color: var(--st-paper);
  --site-background-color: var(--st-bg);
  --menu-color: var(--st-muted);
  --menu-active-color: var(--st-accent);
  --menu-hover-color: #7df5e3;
  --edit-ui-text-color: var(--st-ink);
  --menu-contrast-color: var(--st-ink);

  font-family: var(--st-font-body);
  color: var(--st-ink);
  background-color: var(--st-bg);
}

/* --- Horizontal nav: compact instrument panel, menu right --- */
body[data-site-theme="space-colony"].menu-layout-horizontal {
  --mobile-header-height: var(--st-header-height);
  --content-margin-top: var(--st-header-height);
  --top-bar-height-setting: var(--st-header-height);
}

html body[data-site-theme="space-colony"].menu-layout-horizontal .mobile-header {
  background-color: var(--st-bg, #070b12) !important;
  background-image: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  height: auto !important;
  min-height: var(--st-header-height, 100px) !important;
  max-height: none !important;
  padding: 0 !important;
  overflow: visible !important;
  align-items: flex-end !important;
  justify-content: center !important;
  box-sizing: border-box;
}

/* 75vw centered band — flex-grow:1 on .mobile-header-content would otherwise stretch to 100% */
html body[data-site-theme="space-colony"].menu-layout-horizontal .mobile-header-content {
  flex: 0 0 auto !important;
  flex-grow: 0 !important;
  width: var(--st-content-width, 75vw) !important;
  max-width: var(--st-content-width, 75vw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative !important;
  padding: 0.5rem var(--st-header-inset-x) 0 !important;
  min-height: 0 !important;
  height: auto !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  border-bottom: 1px solid var(--st-rule) !important;
  box-sizing: border-box;
}

/* Social icons — top-right of header band */
body[data-site-theme="space-colony"].menu-layout-horizontal .mobile-header-content .horizontal-social-container {
  position: absolute !important;
  top: 0.5rem !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  order: unset !important;
  align-self: auto !important;
  justify-content: flex-end !important;
  flex-direction: row !important;
  z-index: 2;
}

body[data-site-theme="space-colony"].menu-layout-horizontal .horizontal-social-container .horizontal-social-link {
  color: var(--st-muted) !important;
}

body[data-site-theme="space-colony"].menu-layout-horizontal .horizontal-social-container .horizontal-social-link:hover {
  color: var(--st-accent) !important;
}

body[data-site-theme="space-colony"].menu-layout-horizontal .mobile-header-content:has(.horizontal-social-container:not(:empty)) .logo-menu-container {
  padding-right: 2rem;
}

/* Hide duplicate mobile title on desktop horizontal (logo lives in .horizontal-header-logo) */
@media (min-width: 769px) {
  body[data-site-theme="space-colony"].menu-layout-horizontal:not(.edit-mode-active) .mobile-header-content > .mobile-header-title,
  body[data-site-theme="space-colony"].menu-layout-horizontal:not(.edit-mode-active) .mobile-header-content > .mobile-header-menu-title,
  body[data-site-theme="space-colony"].menu-layout-horizontal:not(.edit-mode-active) .mobile-header-content > .mobile-header-text {
    display: none !important;
  }
}

/* Mobile horizontal: left-aligned title from sidebar text element; hide empty desktop nav row */
@media (max-width: 768px) {
  html body[data-site-theme="space-colony"].menu-layout-horizontal .mobile-header {
    justify-content: flex-start !important;
  }

  html body[data-site-theme="space-colony"].menu-layout-horizontal .mobile-header-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0.5rem 3rem var(--st-header-rule-gap, 1rem) var(--st-header-inset-x, 1.25rem) !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }

  html body[data-site-theme="space-colony"].menu-layout-horizontal .mobile-header-content > .logo-menu-container {
    display: none !important;
  }

  html body[data-site-theme="space-colony"].menu-layout-horizontal .mobile-header-content > .mobile-header-text,
  html body[data-site-theme="space-colony"].menu-layout-horizontal .mobile-header-content > .mobile-header-title,
  html body[data-site-theme="space-colony"].menu-layout-horizontal .mobile-header-content > .mobile-header-menu-title {
    display: block !important;
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: calc(100% - 2rem) !important;
    margin: 0 !important;
    text-align: left !important;
    position: relative !important;
    left: auto !important;
    transform: none !important;
    z-index: 10 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-family: var(--st-font-body) !important;
    font-size: var(--st-mobile-header-title-size, clamp(2.35rem, 11vw, 3.4rem)) !important;
    font-weight: 600 !important;
    letter-spacing: -0.03em !important;
    line-height: 1.05 !important;
  }

  html body[data-site-theme="space-colony"].menu-layout-horizontal .mobile-header-content > .mobile-header-text .site-title-text,
  html body[data-site-theme="space-colony"].menu-layout-horizontal .mobile-header-content > .mobile-header-text h1,
  html body[data-site-theme="space-colony"].menu-layout-horizontal .mobile-header-content > .mobile-header-text h2,
  html body[data-site-theme="space-colony"].menu-layout-horizontal .mobile-header-content > .mobile-header-text p:last-of-type,
  html body[data-site-theme="space-colony"].menu-layout-horizontal .mobile-header-content > .mobile-header-text p:only-of-type {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    color: var(--st-ink, #e8eef7) !important;
    background-image: linear-gradient(135deg, var(--st-ink, #e8eef7) 0%, var(--st-accent, #5eead4) 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }

  html body[data-site-theme="space-colony"].menu-layout-horizontal .mobile-header .mobile-header-content .mobile-header-text p,
  html body[data-site-theme="space-colony"].menu-layout-horizontal .mobile-header .mobile-header-content .mobile-header-text .site-title-text {
    text-align: left !important;
    font-size: var(--st-mobile-header-title-size, clamp(2.35rem, 11vw, 3.4rem)) !important;
  }
}

body[data-site-theme="space-colony"].menu-layout-horizontal .horizontal-header-logo {
  flex-shrink: 0;
  margin-right: auto;
  padding-left: 0;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  align-items: baseline !important;
  align-self: baseline !important;
}

/* Beat menu-styles center alignment on logo + menu row (height:100% / align-items:center) */
html body[data-site-theme="space-colony"].menu-layout-horizontal:not(.horizontal-header-logo-stacked) .logo-menu-container {
  display: flex !important;
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  max-height: none !important;
  min-height: 0 !important;
  height: auto !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  align-self: auto !important;
  gap: 1rem;
  margin-top: var(--st-header-top-gap, 1.5rem) !important;
  margin-bottom: var(--st-header-rule-gap, 1rem) !important;
}

html body[data-site-theme="space-colony"].menu-layout-horizontal .mobile-header-content:not(:has(> .logo-menu-container)) > .horizontal-header-logo,
html body[data-site-theme="space-colony"].menu-layout-horizontal .mobile-header-content:not(:has(> .logo-menu-container)) > .horizontal-menu-container {
  margin-top: var(--st-header-top-gap, 1.5rem) !important;
  margin-bottom: var(--st-header-rule-gap, 1rem) !important;
}

html body[data-site-theme="space-colony"].menu-layout-horizontal:not(.horizontal-header-logo-stacked) .horizontal-header-logo {
  align-items: baseline !important;
  align-self: baseline !important;
  max-height: none !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

html body[data-site-theme="space-colony"].menu-layout-horizontal:not(.horizontal-header-logo-stacked) .horizontal-header-logo a {
  align-items: baseline !important;
  align-self: baseline !important;
  max-height: none !important;
  height: auto !important;
  line-height: 1.12 !important;
}

html body[data-site-theme="space-colony"].menu-layout-horizontal:not(.horizontal-header-logo-stacked) .horizontal-menu-container {
  display: flex !important;
  justify-content: flex-end !important;
  flex: 1 1 auto !important;
  flex-grow: 1 !important;
  min-width: 0;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow-x: auto;
  overflow-y: visible;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  align-items: baseline !important;
  align-self: baseline !important;
}

/* Site title — large gradient hero (layout-lab hero-grid scale) */
body[data-site-theme="space-colony"] .horizontal-header-logo .site-title-text,
body[data-site-theme="space-colony"] .horizontal-header-logo h1,
body[data-site-theme="space-colony"] .horizontal-header-logo h2,
body[data-site-theme="space-colony"] .horizontal-header-logo p:last-of-type,
body[data-site-theme="space-colony"] .horizontal-header-logo > div:first-child,
body[data-site-theme="space-colony"] .horizontal-header-logo a .site-title-text,
body[data-site-theme="space-colony"] .horizontal-header-logo a h1,
body[data-site-theme="space-colony"] .horizontal-header-logo a p:last-of-type {
  font-family: var(--st-font-body) !important;
  font-size: var(--st-hero-title-size) !important;
  font-weight: 600 !important;
  letter-spacing: -0.03em;
  text-transform: none;
  line-height: 1.12;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap;
  color: var(--st-ink) !important;
  -webkit-text-fill-color: var(--st-ink) !important;
  background: none;
  display: inline-block;
}

body[data-site-theme="space-colony"] .horizontal-header-logo h3,
body[data-site-theme="space-colony"] .horizontal-header-logo p:first-child:not(:last-child) {
  font-family: var(--st-font-mono) !important;
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--st-muted) !important;
  -webkit-text-fill-color: var(--st-muted) !important;
  background: none !important;
  white-space: nowrap;
  display: block;
}

@supports (-webkit-background-clip: text) or (background-clip: text) {
  body[data-site-theme="space-colony"] .horizontal-header-logo .site-title-text,
  body[data-site-theme="space-colony"] .horizontal-header-logo h1,
  body[data-site-theme="space-colony"] .horizontal-header-logo h2,
  body[data-site-theme="space-colony"] .horizontal-header-logo p:last-of-type,
  body[data-site-theme="space-colony"] .horizontal-header-logo p:only-of-type,
  body[data-site-theme="space-colony"] .horizontal-header-logo > div:first-child,
  body[data-site-theme="space-colony"] .horizontal-header-logo a .site-title-text,
  body[data-site-theme="space-colony"] .horizontal-header-logo a h1,
  body[data-site-theme="space-colony"] .horizontal-header-logo a p:last-of-type,
  body[data-site-theme="space-colony"] .mobile-header-text .site-title-text,
  body[data-site-theme="space-colony"] .mobile-header-text h1,
  body[data-site-theme="space-colony"] .mobile-header-text p:last-of-type,
  body[data-site-theme="space-colony"] .mobile-header-text p:only-of-type {
    background-image: linear-gradient(135deg, var(--st-ink, #e8eef7) 0%, var(--st-accent, #5eead4) 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: var(--st-ink, #e8eef7);
  }

  body[data-site-theme="space-colony"] .horizontal-header-logo .site-title-text *,
  body[data-site-theme="space-colony"] .horizontal-header-logo h1 *,
  body[data-site-theme="space-colony"] .horizontal-header-logo h2 *,
  body[data-site-theme="space-colony"] .horizontal-header-logo p:last-of-type *,
  body[data-site-theme="space-colony"] .horizontal-header-logo p:only-of-type *,
  body[data-site-theme="space-colony"] .horizontal-header-logo > div:first-child *,
  body[data-site-theme="space-colony"] .horizontal-header-logo a .site-title-text *,
  body[data-site-theme="space-colony"] .horizontal-header-logo a h1 *,
  body[data-site-theme="space-colony"] .horizontal-header-logo a p:last-of-type *,
  body[data-site-theme="space-colony"] .mobile-header-text .site-title-text *,
  body[data-site-theme="space-colony"] .mobile-header-text h1 *,
  body[data-site-theme="space-colony"] .mobile-header-text p:last-of-type *,
  body[data-site-theme="space-colony"] .mobile-header-text p:only-of-type * {
    background: inherit;
    -webkit-background-clip: inherit;
    background-clip: inherit;
    -webkit-text-fill-color: inherit;
    color: inherit !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
  }
}

body[data-site-theme="space-colony"] .horizontal-header-logo a {
  color: inherit;
  text-decoration: none;
}

body[data-site-theme="space-colony"] .horizontal-header-logo,
body[data-site-theme="space-colony"] .horizontal-header-logo a {
  font-family: var(--st-font-body) !important;
}

html body[data-site-theme="space-colony"].menu-layout-horizontal .horizontal-menu-container > .horizontal-menu-item {
  color: var(--st-muted) !important;
  opacity: 1 !important;
  flex-shrink: 0;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  align-self: baseline !important;
  height: auto !important;
  max-height: none !important;
  gap: 0.65rem !important;
  position: relative;
}

/* Space before pixel + label on 2nd+ items */
body[data-site-theme="space-colony"].menu-layout-horizontal .horizontal-menu-container > .horizontal-menu-item + .horizontal-menu-item {
  padding-left: 1rem !important;
  gap: 1rem !important;
}

/* 4×4 aqua grid pixel — vertically centered with menu label */
html body[data-site-theme="space-colony"].menu-layout-horizontal .horizontal-menu-container > .horizontal-menu-item + .horizontal-menu-item::before {
  content: "" !important;
  display: inline-block !important;
  width: 4px !important;
  height: 4px !important;
  min-width: 4px !important;
  min-height: 4px !important;
  flex: 0 0 4px !important;
  flex-shrink: 0 !important;
  align-self: center !important;
  background-color: var(--st-accent, #5eead4) !important;
  opacity: 0.9 !important;
  box-shadow: 0 0 6px rgba(94, 234, 212, 0.35);
}

body[data-site-theme="space-colony"] .horizontal-menu-item a,
body[data-site-theme="space-colony"] .horizontal-menu-item > span {
  color: var(--st-muted);
  font-family: var(--st-font-mono) !important;
  font-size: 0.58rem;
  font-weight: 500 !important;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1.2;
  display: inline-block;
  vertical-align: baseline;
}

body[data-site-theme="space-colony"] .horizontal-menu-item.active,
body[data-site-theme="space-colony"] .horizontal-menu-item.active a,
body[data-site-theme="space-colony"] .horizontal-menu-item:hover,
body[data-site-theme="space-colony"] .horizontal-menu-item a:hover {
  color: var(--st-accent) !important;
}

/* Sidebar fallback */
body[data-site-theme="space-colony"]:not(.edit-mode-active) .sidebar {
  background-color: var(--st-paper);
  border-right: 1px solid var(--st-rule);
}

body[data-site-theme="space-colony"] .sidebar .gallery-item-content a,
body[data-site-theme="space-colony"] .sidebar .menu-item-title,
body[data-site-theme="space-colony"] .sidebar-element.menu-element .sidebar-text,
body[data-site-theme="space-colony"] .sidebar-element.menu-element .ql-editor {
  color: var(--st-muted);
  font-family: var(--st-font-mono) !important;
  font-size: 0.68rem;
  font-weight: 500 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body[data-site-theme="space-colony"] .sidebar .gallery-item-content.active a,
body[data-site-theme="space-colony"] .sidebar .gallery-item-content a:hover {
  color: var(--st-accent);
}

/* Sidebar text element (site logo / title) — gradient display title */
body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text h3,
body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text .ql-editor h3,
body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text > p:first-child:not(:only-child) {
  font-family: var(--st-font-mono) !important;
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--st-muted) !important;
  margin: 0 0 0.35rem;
  line-height: 1.4;
}

body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text h1,
body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text h2,
body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text .ql-editor h1,
body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text .ql-editor h2,
body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text p:first-of-type,
body[data-site-theme="space-colony"] .sidebar .site-title,
body[data-site-theme="space-colony"] .mobile-header-title,
body[data-site-theme="space-colony"] .mobile-header-text {
  font-family: var(--st-font-body) !important;
  font-size: var(--st-hero-title-size) !important;
  font-weight: 600 !important;
  letter-spacing: -0.03em;
  text-transform: none;
  line-height: 1.05;
  margin: 0 0 0.5rem;
  color: var(--st-ink) !important;
  -webkit-text-fill-color: var(--st-ink) !important;
  background: none;
}

body[data-site-theme="space-colony"] .mobile-header-text {
  font-size: var(--st-mobile-header-title-size, clamp(2rem, 8vw, 2.85rem)) !important;
}

@supports (-webkit-background-clip: text) or (background-clip: text) {
  body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text h1,
  body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text h2,
  body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text .ql-editor h1,
  body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text .ql-editor h2,
  body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text p:first-of-type,
  body[data-site-theme="space-colony"] .sidebar .site-title,
  body[data-site-theme="space-colony"] .mobile-header-title,
  body[data-site-theme="space-colony"] .mobile-header-text {
    background-image: linear-gradient(135deg, var(--st-ink, #e8eef7) 0%, var(--st-accent, #5eead4) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: var(--st-ink);
  }

  body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text h1 *,
  body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text h2 *,
  body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text .ql-editor h1 *,
  body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text .ql-editor h2 *,
  body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text p:first-of-type *,
  body[data-site-theme="space-colony"] .sidebar .site-title *,
  body[data-site-theme="space-colony"] .mobile-header-title *,
  body[data-site-theme="space-colony"] .mobile-header-text * {
    background: inherit;
    -webkit-background-clip: inherit;
    background-clip: inherit;
    -webkit-text-fill-color: inherit;
    color: inherit !important;
    font-size: inherit !important;
  }
}

/* Quill fallback: plain or large-span sidebar logo text */
body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text > p:first-child:only-child,
body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text .ql-editor > p:first-child:only-child,
body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text p:first-of-type span[style*="font-size: 2"],
body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text p:first-of-type span[style*="font-size: 3"],
body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text p:first-of-type span[style*="font-size: 4"] {
  font-family: var(--st-font-body) !important;
  font-size: var(--st-hero-title-size) !important;
  font-weight: 600 !important;
  letter-spacing: -0.03em;
  text-transform: none;
  line-height: 1.05;
  color: var(--st-ink) !important;
}

@supports (-webkit-background-clip: text) or (background-clip: text) {
  body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text > p:first-child:only-child,
  body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text .ql-editor > p:first-child:only-child,
  body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text p:first-of-type span[style*="font-size: 2"],
  body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text p:first-of-type span[style*="font-size: 3"],
  body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text p:first-of-type span[style*="font-size: 4"] {
    background-image: linear-gradient(135deg, var(--st-ink, #e8eef7) 0%, var(--st-accent, #5eead4) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: var(--st-ink);
  }
}

/* Body copy inside sidebar text element stays muted (not logo-sized) */
body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text p:not(:first-child),
body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text .ql-editor p:not(:first-child) {
  font-family: var(--st-font-body) !important;
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  letter-spacing: 0;
  text-transform: none;
  color: var(--st-muted);
  line-height: 1.5;
}

/* --- Page hero zone (first text block) --- */
body[data-site-theme="space-colony"] .page-content > .page-element:first-child .page-text {
  border-bottom: 1px solid var(--st-rule);
  padding-bottom: clamp(1rem, 2.5vw, 1.35rem);
  margin-bottom: clamp(1.25rem, 3vw, 2rem);
}

/* Meta line above title (use h3 or small heading) */
body[data-site-theme="space-colony"] .page-text > h3:first-child,
body[data-site-theme="space-colony"] .page-text > h4:first-child,
body[data-site-theme="space-colony"] .page-text .ql-editor > h3:first-child {
  font-family: var(--st-font-mono) !important;
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--st-muted) !important;
  margin: 0 0 0.45rem;
  line-height: 1.4;
}

/* Gradient hero title — page-text h1s; first block Quill p fallback */
body[data-site-theme="space-colony"] .page-text h1,
body[data-site-theme="space-colony"] .page-text .ql-editor h1,
body[data-site-theme="space-colony"] .page-content > .page-element:first-child .page-text > p:first-of-type,
body[data-site-theme="space-colony"] .page-content > .page-element:first-child .page-text .ql-editor > p:first-of-type {
  font-family: var(--st-font-body) !important;
  font-size: var(--st-hero-title-size) !important;
  font-weight: 600 !important;
  letter-spacing: -0.03em;
  text-transform: none;
  line-height: 1.05;
  margin: 0 0 0.35rem;
  color: var(--st-ink) !important;
  -webkit-text-fill-color: var(--st-ink) !important;
  background: none;
}

@supports (-webkit-background-clip: text) or (background-clip: text) {
  body[data-site-theme="space-colony"] .page-text h1,
  body[data-site-theme="space-colony"] .page-text .ql-editor h1,
  body[data-site-theme="space-colony"] .page-content > .page-element:first-child .page-text > p:first-of-type,
  body[data-site-theme="space-colony"] .page-content > .page-element:first-child .page-text .ql-editor > p:first-of-type {
    background-image: linear-gradient(135deg, var(--st-ink, #e8eef7) 0%, var(--st-accent, #5eead4) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: var(--st-ink);
  }

  body[data-site-theme="space-colony"] .page-text h1 *,
  body[data-site-theme="space-colony"] .page-text .ql-editor h1 *,
  body[data-site-theme="space-colony"] .page-content > .page-element:first-child .page-text > p:first-of-type *,
  body[data-site-theme="space-colony"] .page-content > .page-element:first-child .page-text .ql-editor > p:first-of-type * {
    background: inherit;
    -webkit-background-clip: inherit;
    background-clip: inherit;
    -webkit-text-fill-color: inherit;
    color: inherit !important;
    font-size: inherit !important;
  }
}

/* Quill fallback: large inline span in first page text block reads as hero title */
body[data-site-theme="space-colony"] .page-content > .page-element:first-child .page-text p:first-of-type span[style*="font-size: 3"],
body[data-site-theme="space-colony"] .page-content > .page-element:first-child .page-text p:first-of-type span[style*="font-size: 2"],
body[data-site-theme="space-colony"] .page-content > .page-element:first-child .page-text p:first-of-type span[style*="font-size: 4"] {
  font-family: var(--st-font-body) !important;
  font-size: clamp(2rem, 5vw, 3.2rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.03em;
  line-height: 1.05;
  color: var(--st-ink) !important;
}

@supports (-webkit-background-clip: text) or (background-clip: text) {
  body[data-site-theme="space-colony"] .page-content > .page-element:first-child .page-text p:first-of-type span[style*="font-size: 3"],
  body[data-site-theme="space-colony"] .page-content > .page-element:first-child .page-text p:first-of-type span[style*="font-size: 2"],
  body[data-site-theme="space-colony"] .page-content > .page-element:first-child .page-text p:first-of-type span[style*="font-size: 4"] {
    background-image: linear-gradient(135deg, var(--st-ink, #e8eef7) 0%, var(--st-accent, #5eead4) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: var(--st-ink);
  }
}

body[data-site-theme="space-colony"] .page-text > h2:first-of-type,
body[data-site-theme="space-colony"] .page-text .ql-editor > h2:first-of-type {
  font-family: var(--st-font-body) !important;
  font-size: clamp(1.35rem, 3vw, 2rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em;
  text-transform: none;
  color: var(--st-ink) !important;
}

/* Secondary headings site-wide */
body[data-site-theme="space-colony"] .page-text h2,
body[data-site-theme="space-colony"] .page-text h3,
body[data-site-theme="space-colony"] .page-text .ql-editor h2,
body[data-site-theme="space-colony"] .page-text .ql-editor h3 {
  font-family: var(--st-font-mono) !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

body[data-site-theme="space-colony"] .page-text h2,
body[data-site-theme="space-colony"] .page-text .ql-editor h2 {
  font-size: 0.78rem !important;
  color: var(--st-accent) !important;
  margin-top: 1.5rem;
  margin-bottom: 0.65rem;
}

body[data-site-theme="space-colony"] .page-text,
body[data-site-theme="space-colony"] .page-text p,
body[data-site-theme="space-colony"] .page-text span,
body[data-site-theme="space-colony"] .page-text li,
body[data-site-theme="space-colony"] .page-element,
body[data-site-theme="space-colony"] .ql-editor,
body[data-site-theme="space-colony"] .page-text .ql-editor p {
  font-family: var(--st-font-body) !important;
  color: var(--st-muted);
  font-weight: 400 !important;
  line-height: 1.6;
}

body[data-site-theme="space-colony"] .page-container,
body[data-site-theme="space-colony"] .page-content {
  background-color: var(--st-bg);
  color: var(--st-ink);
  box-sizing: border-box;
}

/* Match header rule width — 75vw centered band */
body[data-site-theme="space-colony"] .page-content {
  width: var(--st-content-width, 75vw) !important;
  max-width: none !important;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--st-header-inset-x);
  padding-right: var(--st-header-inset-x);
}

/* Mission-log panel (blockquote) + labeled lists */
body[data-site-theme="space-colony"] .page-text blockquote,
body[data-site-theme="space-colony"] .page-text .ql-editor blockquote {
  background: var(--st-paper);
  border: 1px solid var(--st-rule);
  border-radius: 4px;
  padding: clamp(1rem, 2.5vw, 1.5rem);
  margin: 1.25rem 0;
  color: var(--st-muted);
  font-size: 0.92rem;
}

body[data-site-theme="space-colony"] .page-text blockquote::before {
  content: "Mission log";
  display: block;
  font-family: var(--st-font-mono) !important;
  font-size: 0.7rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--st-accent);
  margin-bottom: 0.75rem;
}

body[data-site-theme="space-colony"] .page-text dl {
  font-family: var(--st-font-mono) !important;
  font-size: 0.75rem;
  color: var(--st-muted);
  margin: 0.75rem 0 0;
}

body[data-site-theme="space-colony"] .page-text dt {
  color: var(--st-accent);
  margin-top: 0.65rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.68rem;
}

body[data-site-theme="space-colony"] .page-text dd {
  margin-left: 0;
  margin-bottom: 0.25rem;
}

body[data-site-theme="space-colony"] .page-text strong,
body[data-site-theme="space-colony"] .page-text .ql-editor strong {
  color: var(--st-accent);
  font-family: var(--st-font-mono) !important;
  font-weight: 500 !important;
  font-size: 0.85em;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* --- Layout blocks (space bento + colony theme) --- */
body[data-site-theme="space-colony"] .layout-theme-space-colony.lb-root,
body[data-site-theme="space-colony"] .lb-space-bento.lb-root {
  --lb-bg: var(--st-bg);
  --lb-paper: var(--st-paper);
  --lb-ink: var(--st-ink);
  --lb-muted: var(--st-muted);
  --lb-accent: var(--st-accent);
  --lb-rule: var(--st-rule);
  background: var(--st-bg);
  color: var(--st-ink);
}

body[data-site-theme="space-colony"] .lb-space-bento .lb-cell {
  border-color: var(--st-rule);
  background: var(--st-paper);
  box-shadow: 0 0 0 1px rgba(94, 234, 212, 0.04);
}

body[data-site-theme="space-colony"] .lb-space-bento .lb-label {
  font-family: var(--st-font-mono) !important;
  font-size: 0.62rem;
  letter-spacing: 0.14em;
  background: rgba(7, 11, 18, 0.82);
  color: var(--st-accent);
  border: 1px solid rgba(94, 234, 212, 0.2);
}

body[data-site-theme="space-colony"] .lb-root .lb-caption,
body[data-site-theme="space-colony"] .lb-cover-filmstrip .lb-caption {
  font-family: var(--st-font-mono) !important;
  font-size: 0.68rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--st-muted);
  border-color: var(--st-rule);
}

body[data-site-theme="space-colony"] .page-element[data-recipe="site-graph-deep-scan"] .lb-deep-scan .sg-card {
  border-color: var(--st-rule);
  background: var(--st-paper);
  box-shadow: 0 0 0 1px rgba(94, 234, 212, 0.04);
}

body[data-site-theme="space-colony"] .page-element[data-recipe="site-graph-deep-scan"] .sg-card-kicker {
  font-family: var(--st-font-mono) !important;
  color: var(--st-accent);
}

/* --- Gallery cosmetics --- */
body[data-site-theme="space-colony"] .info-button,
body[data-site-theme="space-colony"] .overview-button,
body[data-site-theme="space-colony"] .pagination-button {
  color: var(--st-muted);
  border-color: var(--st-rule);
  font-family: var(--st-font-mono) !important;
  font-size: 0.72rem;
  font-weight: 500 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body[data-site-theme="space-colony"] .info-button:hover,
body[data-site-theme="space-colony"] .overview-button:hover,
body[data-site-theme="space-colony"] .pagination-button:hover,
body[data-site-theme="space-colony"] .info-button.active,
body[data-site-theme="space-colony"] .overview-button.active {
  color: var(--st-accent);
  border-color: var(--st-accent);
}

body[data-site-theme="space-colony"] .masonry-item .caption,
body[data-site-theme="space-colony"] .grid-item-caption,
body[data-site-theme="space-colony"] .neon-caption {
  color: var(--st-muted);
  font-family: var(--st-font-mono) !important;
  font-size: 0.68rem;
  font-weight: 400 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body[data-site-theme="space-colony"] .masonry-grid,
body[data-site-theme="space-colony"] .grid-gallery {
  gap: 0.65rem;
}

body[data-site-theme="space-colony"] .lightbox-description,
body[data-site-theme="space-colony"] .lightbox-video-description,
body[data-site-theme="space-colony"] .neon-lightbox-counter,
body[data-site-theme="space-colony"] .lightbox-description p {
  color: var(--st-muted);
  font-family: var(--st-font-body) !important;
  font-weight: 400 !important;
  line-height: 1.55;
}

body[data-site-theme="space-colony"] .lightbox-description strong {
  color: var(--st-ink);
  font-family: var(--st-font-mono) !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* --- Title gradient: mobile header bar + flyout sidebar logo --- */
body[data-site-theme="space-colony"] .mobile-header .mobile-header-content .mobile-header-text p,
body[data-site-theme="space-colony"] .mobile-header .mobile-header-content .mobile-header-text .site-title-text {
  font-family: var(--st-font-body) !important;
  font-size: var(--st-mobile-header-title-size, clamp(2.35rem, 11vw, 3.4rem)) !important;
  font-weight: 600 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.05 !important;
  text-transform: none !important;
  text-align: left !important;
  display: inline-block !important;
  color: var(--st-ink, #e8eef7) !important;
  background-image: linear-gradient(135deg, var(--st-ink, #e8eef7) 0%, var(--st-accent, #5eead4) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text p.site-title-text,
body[data-site-theme="space-colony"] .sidebar-element.text-element .sidebar-text > p:only-child,
body[data-site-theme="space-colony"] .sidebar.mobile-open .sidebar-element.text-element .sidebar-text > p:first-child {
  font-family: var(--st-font-body) !important;
  font-size: clamp(1.5rem, 5vw, 2.25rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.05 !important;
  text-transform: none !important;
  text-align: center !important;
  display: inline-block !important;
  color: var(--st-ink, #e8eef7) !important;
  background-image: linear-gradient(135deg, var(--st-ink, #e8eef7) 0%, var(--st-accent, #5eead4) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

body[data-site-theme="space-colony"] .sidebar.mobile-open .sidebar-element.text-element .sidebar-text > p:first-child {
  font-size: clamp(1.65rem, 6vw, 2.35rem) !important;
  margin-bottom: 0.75rem !important;
}

/* =============================================================================
   Shared page recipes (layoutRecipeId) — same structure as Editorial Homepage seed
   Theme-owned band colors override seed rowBackgroundColor hex values.
   ============================================================================= */

body[data-site-theme="space-colony"]:has(.page-row-band) .gallery-container {
  overflow: visible !important;
}

body[data-site-theme="space-colony"] .page-elements-container.has-page-row-bands .column .column-content-area > .page-element {
  overflow: visible !important;
}

/* --- hero-split --- */
body[data-site-theme="space-colony"] .page-element[data-recipe="hero-split"] {
  overflow: visible !important;
  margin: clamp(1.5rem, 4vw, 2.5rem) 0;
}

body[data-site-theme="space-colony"] .page-element[data-recipe="hero-split"] .column:first-child .column-content-area {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 0.75rem 1rem;
}

body[data-site-theme="space-colony"] .page-element[data-recipe="hero-split"] .column:first-child .column-content-area > .page-element.text-element {
  flex: 0 0 100%;
  width: 100%;
}

body[data-site-theme="space-colony"] .page-element[data-recipe="hero-split"] .column:first-child .column-content-area > .page-element.text-element + .page-element.button-element {
  margin-left: 10px;
}

body[data-site-theme="space-colony"] .page-element[data-recipe="hero-split"] .column:first-child .column-content-area > .page-element.button-element {
  flex: 0 0 auto;
  width: auto !important;
}

body[data-site-theme="space-colony"] .page-element[data-recipe="hero-split"] .column:last-child .page-text-container {
  background: var(--st-paper);
  border: 1px solid var(--st-rule);
  border-radius: 4px;
  padding: clamp(1rem, 2.5vw, 1.5rem);
}

/* --- section-intro --- */
body[data-site-theme="space-colony"] .page-element[data-recipe="section-intro"] {
  margin: clamp(2rem, 5vw, 3.5rem) 0 clamp(1.5rem, 3vw, 2rem);
  text-align: center;
}

body[data-site-theme="space-colony"] .page-element[data-recipe="section-intro"] .page-text {
  max-width: 42rem;
  margin: 0 auto;
}

/* --- feature-grid --- */
body[data-site-theme="space-colony"] .page-element[data-recipe="feature-grid"] {
  overflow: visible !important;
  padding: 0.5rem 0 clamp(2.5rem, 5vw, 3.5rem);
}

body[data-site-theme="space-colony"] .page-element[data-recipe="feature-grid"] .column-content-area > .page-element {
  overflow: visible !important;
}

body[data-site-theme="space-colony"] .page-element[data-recipe="feature-grid"] .column .page-text-container {
  background: var(--st-paper);
  border: 1px solid var(--st-rule);
  border-radius: 4px;
  padding: clamp(1.25rem, 2.5vw, 1.75rem) !important;
  height: 100%;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(94, 234, 212, 0.04);
}

body[data-site-theme="space-colony"] .page-element[data-recipe="feature-grid"] .page-text h4 {
  font-family: var(--st-font-mono) !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.2em !important;
  color: var(--st-accent) !important;
}

/* --- case-types band --- */
body[data-site-theme="space-colony"] .page-element[data-recipe="case-types-intro"].page-row-band,
body[data-site-theme="space-colony"] .page-element[data-recipe="case-types-grid"].page-row-band {
  --page-row-bg: var(--st-paper) !important;
  background-color: var(--st-paper) !important;
  border-top: 1px solid var(--st-rule);
  border-bottom: 1px solid var(--st-rule);
}

body[data-site-theme="space-colony"] .page-element[data-recipe="case-types-grid"] .column .page-text-container {
  background: rgba(7, 11, 18, 0.55);
  border: 1px solid var(--st-rule);
  border-radius: 4px;
  padding: 1rem 0.85rem !important;
  min-height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  box-sizing: border-box;
}

body[data-site-theme="space-colony"] .page-element[data-recipe="case-types-grid"] .page-text h3,
body[data-site-theme="space-colony"] .page-element[data-recipe="case-types-grid"] .page-text p {
  color: var(--st-ink) !important;
  -webkit-text-fill-color: var(--st-ink) !important;
  text-align: center !important;
  margin: 0 !important;
  font-family: var(--st-font-mono) !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* --- credentials --- */
body[data-site-theme="space-colony"] .page-element[data-recipe="credentials-intro"] {
  padding: clamp(2.5rem, 6vw, 4rem) 0 1rem;
  text-align: center;
}

body[data-site-theme="space-colony"] .page-element[data-recipe="credentials-pills"] .column .page-text-container {
  background: var(--st-paper);
  border: 1px solid var(--st-rule);
  border-radius: 4px;
  padding: 0.85rem !important;
  min-height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  box-sizing: border-box;
}

body[data-site-theme="space-colony"] .page-element[data-recipe="credentials-pills"] .page-text p {
  font-family: var(--st-font-mono) !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--st-accent) !important;
  -webkit-text-fill-color: var(--st-accent) !important;
  margin: 0 !important;
  text-align: center !important;
}

/* --- final-cta --- */
body[data-site-theme="space-colony"] .page-element[data-recipe="final-cta"] {
  padding: clamp(2.5rem, 6vw, 4rem) 0 1rem;
  text-align: center;
}

body[data-site-theme="space-colony"] .page-element[data-recipe="final-cta"] .page-text {
  max-width: 48rem;
  margin: 0 auto;
}

body[data-site-theme="space-colony"] .page-element[data-recipe="final-cta-btn"] {
  padding-bottom: clamp(2rem, 4vw, 3rem);
  text-align: center;
}

body[data-site-theme="space-colony"] .page-element[data-recipe="final-cta-btn"] .page-button-wrap {
  width: auto !important;
  justify-content: center !important;
}

/* --- footer-columns --- */
body[data-site-theme="space-colony"] .page-element[data-recipe="footer-columns"].page-row-band {
  --page-row-bg: var(--st-paper) !important;
  background-color: var(--st-paper) !important;
  border-top: 1px solid var(--st-rule);
  padding-top: clamp(2rem, 4vw, 3rem);
  padding-bottom: clamp(2.5rem, 5vw, 3.5rem);
  margin-bottom: 0;
}

body[data-site-theme="space-colony"] .page-container:not(.editing) .page-elements-container:has(.page-row-band) {
  padding-bottom: 0 !important;
  display: flex;
  flex-direction: column;
  min-height: calc(100svh - var(--mobile-header-height, 100px));
}

body[data-site-theme="space-colony"] .page-container:not(.editing) .page-elements-container:has(.page-row-band) > .page-element[data-recipe="footer-columns"].page-row-band {
  margin-top: auto !important;
  flex: 1 1 auto;
  margin-bottom: 0 !important;
}

body[data-site-theme="space-colony"] .page-element[data-recipe="footer-columns"] > .element-content {
  gap: clamp(1.5rem, 4vw, 2.5rem);
}

@media (min-width: 769px) {
  body[data-site-theme="space-colony"] .page-element[data-recipe="footer-columns"] > .element-content {
    display: grid !important;
    grid-template-columns: 1.15fr 1fr 1fr !important;
    align-items: start;
  }
}

body[data-site-theme="space-colony"] .page-element[data-recipe="footer-columns"] .page-text h4 {
  font-family: var(--st-font-mono) !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase;
  color: var(--st-accent) !important;
  -webkit-text-fill-color: var(--st-accent) !important;
  margin-bottom: 0.85rem !important;
}

body[data-site-theme="space-colony"] .page-element[data-recipe="footer-columns"] .page-text p {
  color: var(--st-muted) !important;
  -webkit-text-fill-color: var(--st-muted) !important;
  font-size: 0.86rem !important;
  line-height: 1.55;
  margin: 0 0 0.35rem;
}

body[data-site-theme="space-colony"] .page-element[data-recipe="footer-columns"] .column:first-child .page-text p:first-child {
  font-family: var(--st-font-body) !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em;
  text-transform: none;
  color: var(--st-ink) !important;
  -webkit-text-fill-color: var(--st-ink) !important;
}

/* === spread-editorial === */
/* Spread Editorial — Phase B+ composition + chrome */

body[data-site-theme="spread-editorial"] {
  --st-bg: #f4efe6;
  --st-paper: #fffdf8;
  --st-ink: #1c1814;
  --st-muted: #6b635a;
  --st-accent: #8b3a2a;
  --st-rule: rgba(28, 24, 20, 0.12);
  --st-font-display: "Playfair Display", Georgia, serif;
  --st-font-body: "Source Sans 3", system-ui, sans-serif;

  --menu-font-family: var(--st-font-body);
  --menu-font: var(--st-font-body);
  --menu-background-color: var(--st-paper);
  --site-background-color: var(--st-bg);
  --menu-color: var(--st-muted);
  --menu-active-color: var(--st-accent);
  --menu-hover-color: #a04835;
  --edit-ui-text-color: var(--st-ink);
  --menu-contrast-color: var(--st-ink);
  --sidebar-width: 20vw;

  font-family: var(--st-font-body);
  color: var(--st-ink);
  background-color: var(--st-bg);
}

/* --- Sidebar nav: warm paper, TOC with dotted rules + numbering --- */
body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar {
  background-color: var(--st-paper);
  border-right: 1px solid var(--st-rule);
  box-shadow: inset -1px 0 0 var(--st-rule);
  width: var(--sidebar-width, 20vw) !important;
  min-width: 200px;
  max-width: 22vw;
  box-sizing: border-box;
  padding-left: clamp(0.85rem, 2vw, 1.25rem) !important;
  padding-right: clamp(0.85rem, 2vw, 1.25rem) !important;
  overflow-x: hidden;
}

/* Keep menu tree inside sidebar bounds (base styles set overflow: visible on #galleryTree) */
body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar .tree-container,
body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar #galleryTree,
body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar .sidebar-elements-container,
body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar .sidebar-element.menu-element,
body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar .sidebar-element.menu-element .menu-element-content {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow-x: hidden;
}

body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) .sidebar-element.menu-element #galleryTree > ol.nested-sortable,
body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree > ol.nested-sortable {
  counter-reset: st-toc;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) .sidebar-element.menu-element #galleryTree > ol.nested-sortable > li,
body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree > ol.nested-sortable > li {
  counter-increment: st-toc;
  border-bottom: 1px dotted var(--st-rule);
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) .sidebar-element.menu-element #galleryTree > ol.nested-sortable > li > .gallery-item-content,
body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree > ol.nested-sortable > li > .gallery-item-content,
body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree ol.nested-sortable li > .gallery-item-content {
  border: none !important;
  border-radius: 0;
  background: transparent !important;
  padding: 0.45rem 0;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: baseline;
  column-gap: 0.5rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) .sidebar-element.menu-element #galleryTree > ol.nested-sortable > li > .gallery-item-content::before,
body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree > ol.nested-sortable > li > .gallery-item-content::before {
  content: counter(st-toc, decimal-leading-zero);
  color: var(--st-accent);
  font-family: var(--st-font-body) !important;
  font-size: 0.68rem;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  text-transform: none;
  grid-column: 1;
  line-height: 1.35;
}

body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) .sidebar-element.menu-element #galleryTree > ol.nested-sortable > li > .gallery-item-content .menu-item,
body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) .sidebar-element.menu-element #galleryTree > ol.nested-sortable > li > .gallery-item-content a,
body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree > ol.nested-sortable > li > .gallery-item-content .menu-item,
body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree > ol.nested-sortable > li > .gallery-item-content a,
body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree ol.nested-sortable li > .gallery-item-content .menu-item,
body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree ol.nested-sortable li > .gallery-item-content a {
  grid-column: 2;
  min-width: 0 !important;
  max-width: 100%;
  width: auto !important;
  flex: none !important;
  text-align: right !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) .sidebar-element.menu-element #galleryTree > ol.nested-sortable > li > .gallery-item-content .submenu-toggle,
body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree > ol.nested-sortable > li > .gallery-item-content .submenu-toggle,
body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree ol.nested-sortable li > .gallery-item-content .submenu-toggle {
  grid-column: 3;
  flex: none;
  margin-left: 0;
}

/* Folder chevron always visible (base styles hide until row hover) */
body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) .submenu-toggle {
  opacity: 1 !important;
  visibility: visible !important;
}

body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) .submenu-toggle .toggle-icon {
  stroke: var(--st-muted) !important;
  color: var(--st-muted) !important;
}

body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) li.expanded > .gallery-item-content .submenu-toggle .toggle-icon,
body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) li.active > .gallery-item-content .submenu-toggle .toggle-icon,
body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) .gallery-item-content:hover .submenu-toggle .toggle-icon {
  stroke: var(--st-accent) !important;
  color: var(--st-accent) !important;
}

/* Nested submenu items — same right-aligned TOC rows, no numbers, lighter rules */
body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree ol.nested-sortable ol.nested-sortable {
  padding-left: 0 !important;
  margin: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree ol.nested-sortable ol.nested-sortable > li {
  border-bottom: 1px solid rgba(28, 24, 20, 0.06);
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree ol.nested-sortable ol.nested-sortable > li > .gallery-item-content::before {
  content: none;
}

/* Reserve number column width so nested labels share the same right edge as top-level items */
body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree ol.nested-sortable ol.nested-sortable > li > .gallery-item-content {
  grid-template-columns: 1.75rem minmax(0, 1fr) auto;
}

body[data-site-theme="spread-editorial"] .sidebar .gallery-item-content a,
body[data-site-theme="spread-editorial"] .sidebar .menu-item-title,
body[data-site-theme="spread-editorial"] .horizontal-menu-item a,
body[data-site-theme="spread-editorial"] .sidebar .sidebar-text,
body[data-site-theme="spread-editorial"] .sidebar .ql-editor {
  color: var(--st-muted);
  font-family: var(--st-font-body) !important;
  font-size: 0.82rem;
  font-weight: 400 !important;
  letter-spacing: 0.015em;
}

body[data-site-theme="spread-editorial"]:not(.edit-mode-active) .sidebar:not(.editing) .menu-item {
  font-size: 0.82rem;
}

body[data-site-theme="spread-editorial"] .sidebar .gallery-item-content.active a,
body[data-site-theme="spread-editorial"] .sidebar .gallery-item-content a:hover,
body[data-site-theme="spread-editorial"] .sidebar:not(.editing) li.active > .gallery-item-content .menu-item,
body[data-site-theme="spread-editorial"] .sidebar:not(.editing) li:not(.active) > .gallery-item-content:hover .menu-item,
body[data-site-theme="spread-editorial"] .horizontal-menu-item.active a,
body[data-site-theme="spread-editorial"] .horizontal-menu-item a:hover {
  color: var(--st-accent);
}

body[data-site-theme="spread-editorial"] .mobile-header {
  background-color: var(--st-paper);
  border-bottom: 1px solid var(--st-rule);
}

body[data-site-theme="spread-editorial"] .mobile-header .site-title,
body[data-site-theme="spread-editorial"] .sidebar .site-title {
  font-family: var(--st-font-display) !important;
  color: var(--st-ink);
  font-weight: 600 !important;
  font-size: 1.4rem;
  letter-spacing: 0.01em;
  line-height: 1.2;
}

/* Mobile header logo — same display treatment as sidebar text element */
body[data-site-theme="spread-editorial"] .mobile-header-text,
body[data-site-theme="spread-editorial"] .mobile-header-title,
body[data-site-theme="spread-editorial"] .mobile-header-menu-title {
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.05rem, 4.2vw, 1.35rem) !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em;
  line-height: 1.15;
  color: var(--st-ink) !important;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body[data-site-theme="spread-editorial"] .mobile-header-text h1,
body[data-site-theme="spread-editorial"] .mobile-header-text h2,
body[data-site-theme="spread-editorial"] .mobile-header-text .ql-editor h1,
body[data-site-theme="spread-editorial"] .mobile-header-text .ql-editor h2 {
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.05rem, 4.2vw, 1.35rem) !important;
  font-weight: 500 !important;
  line-height: 1.15;
  letter-spacing: 0.01em;
  color: var(--st-ink) !important;
  margin: 0 !important;
  padding: 0 !important;
}

body[data-site-theme="spread-editorial"] .mobile-header-text h3:first-child,
body[data-site-theme="spread-editorial"] .mobile-header-text .ql-editor h3:first-child,
body[data-site-theme="spread-editorial"] .mobile-header-text > p:first-child:not(:only-child) {
  font-family: var(--st-font-body) !important;
  font-size: 0.58rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--st-accent) !important;
  margin: 0 0 0.2rem !important;
  line-height: 1.3;
}

body[data-site-theme="spread-editorial"] .mobile-header-text > p:first-child:only-child,
body[data-site-theme="spread-editorial"] .mobile-header-text .ql-editor > p:first-child:only-child,
body[data-site-theme="spread-editorial"] .mobile-header-text > p:first-child:last-child,
body[data-site-theme="spread-editorial"] .mobile-header-text .ql-editor > p:first-child:last-child {
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.05rem, 4.2vw, 1.35rem) !important;
  font-weight: 500 !important;
  line-height: 1.15;
  color: var(--st-ink) !important;
  margin: 0 !important;
}

body[data-site-theme="spread-editorial"] .mobile-header-text p,
body[data-site-theme="spread-editorial"] .mobile-header-text span {
  font-family: inherit !important;
  color: inherit !important;
}

/* Sidebar text element — editorial display title (Cover Spread style) */
body[data-site-theme="spread-editorial"] .sidebar-element.text-element .sidebar-text h1,
body[data-site-theme="spread-editorial"] .sidebar-element.text-element .sidebar-text h2,
body[data-site-theme="spread-editorial"] .sidebar-element.text-element .sidebar-text .ql-editor h1,
body[data-site-theme="spread-editorial"] .sidebar-element.text-element .sidebar-text .ql-editor h2 {
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.15rem, 2.2vw, 1.45rem) !important;
  font-weight: 500 !important;
  line-height: 1.15;
  letter-spacing: 0.01em;
  color: var(--st-ink) !important;
  margin: 0 0 0.85rem;
}

body[data-site-theme="spread-editorial"] .sidebar-element.text-element .sidebar-text h3,
body[data-site-theme="spread-editorial"] .sidebar-element.text-element .sidebar-text .ql-editor h3,
body[data-site-theme="spread-editorial"] .sidebar-element.text-element .sidebar-text > p:first-child:not(:only-child) {
  font-family: var(--st-font-body) !important;
  font-size: 0.62rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--st-accent) !important;
  margin: 0 0 0.35rem;
  line-height: 1.4;
}

/* Plain sidebar text with no headings — treat first line as display title */
body[data-site-theme="spread-editorial"] .sidebar-element.text-element .sidebar-text > p:first-child:only-child,
body[data-site-theme="spread-editorial"] .sidebar-element.text-element .sidebar-text .ql-editor > p:first-child:only-child {
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.15rem, 2.2vw, 1.45rem) !important;
  font-weight: 500 !important;
  line-height: 1.15;
  color: var(--st-ink) !important;
  margin-bottom: 0.85rem;
}

/* --- Page hero zone --- */
body[data-site-theme="spread-editorial"] .page-content > .page-element:first-child .page-text {
  border-bottom: 1px solid var(--st-rule);
  padding-bottom: clamp(1rem, 2.5vw, 1.5rem);
  margin-bottom: clamp(1.25rem, 3vw, 2rem);
}

body[data-site-theme="spread-editorial"] .page-text > h3:first-child,
body[data-site-theme="spread-editorial"] .page-text > h4:first-child,
body[data-site-theme="spread-editorial"] .page-text .ql-editor > h3:first-child {
  font-family: var(--st-font-body) !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--st-muted) !important;
  margin: 0 0 0.5rem;
}

body[data-site-theme="spread-editorial"] .page-text > h1:first-of-type,
body[data-site-theme="spread-editorial"] .page-text .ql-editor > h1:first-of-type {
  font-family: var(--st-font-display) !important;
  font-size: clamp(2.2rem, 5.5vw, 3.4rem) !important;
  font-weight: 600 !important;
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: var(--st-ink) !important;
  margin: 0 0 0.5rem;
}

body[data-site-theme="spread-editorial"] .page-text > h2:first-of-type,
body[data-site-theme="spread-editorial"] .page-text .ql-editor > h2:first-of-type {
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.5rem, 3.5vw, 2.1rem) !important;
  font-weight: 600 !important;
  color: var(--st-ink) !important;
  line-height: 1.15;
}

body[data-site-theme="spread-editorial"] .page-container,
body[data-site-theme="spread-editorial"] .page-content {
  background-color: var(--st-bg);
  color: var(--st-ink);
}

body[data-site-theme="spread-editorial"] .page-text,
body[data-site-theme="spread-editorial"] .page-text p,
body[data-site-theme="spread-editorial"] .page-text span,
body[data-site-theme="spread-editorial"] .page-text li,
body[data-site-theme="spread-editorial"] .page-element,
body[data-site-theme="spread-editorial"] .ql-editor,
body[data-site-theme="spread-editorial"] .page-text .ql-editor p {
  font-family: var(--st-font-body) !important;
  color: var(--st-ink);
  font-weight: 400 !important;
  line-height: 1.7;
}

body[data-site-theme="spread-editorial"] .page-text h2,
body[data-site-theme="spread-editorial"] .page-text .ql-editor h2 {
  font-family: var(--st-font-display) !important;
  font-size: 1.65rem !important;
  font-weight: 600 !important;
  color: var(--st-ink) !important;
  margin-top: 1.75rem;
}

body[data-site-theme="spread-editorial"] .page-text h3,
body[data-site-theme="spread-editorial"] .page-text .ql-editor h3 {
  font-family: var(--st-font-body) !important;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  color: var(--st-muted) !important;
  margin-top: 1.25rem;
}

/* Pull quote / editorial aside */
body[data-site-theme="spread-editorial"] .page-text blockquote,
body[data-site-theme="spread-editorial"] .page-text .ql-editor blockquote {
  margin: 1.5rem 0;
  padding: 0.25rem 0 0.25rem 1.15rem;
  border-left: 3px solid var(--st-accent);
  background: transparent;
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.15rem, 2.5vw, 1.45rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.45;
  color: var(--st-ink);
}

body[data-site-theme="spread-editorial"] .page-text em,
body[data-site-theme="spread-editorial"] .page-text .ql-editor em {
  font-style: italic;
  color: var(--st-muted);
}

/* --- Layout blocks (covers / editorial) --- */
body[data-site-theme="spread-editorial"] .layout-theme-covers.lb-root,
body[data-site-theme="spread-editorial"] .lb-cover-filmstrip.lb-root {
  --lb-bg: var(--st-bg);
  --lb-paper: var(--st-paper);
  --lb-ink: var(--st-ink);
  --lb-muted: var(--st-muted);
  --lb-accent: var(--st-accent);
  --lb-rule: var(--st-rule);
  background: var(--st-paper);
  color: var(--st-ink);
}

body[data-site-theme="spread-editorial"] .lb-cover-filmstrip .lb-caption {
  font-family: var(--st-font-body) !important;
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--st-muted);
  border-color: var(--st-rule);
}

body[data-site-theme="spread-editorial"] .lb-root h1,
body[data-site-theme="spread-editorial"] .lb-root h2 {
  font-family: var(--st-font-display) !important;
  color: var(--st-ink);
}

body[data-site-theme="spread-editorial"] .lb-archive-row .lb-plate {
  border-color: var(--st-rule);
  background: var(--st-paper);
  box-shadow: 0 2px 0 var(--st-rule);
}

body[data-site-theme="spread-editorial"] .lb-archive-row .lb-plate-head {
  font-family: var(--st-font-display) !important;
}

/* --- Gallery cosmetics --- */
body[data-site-theme="spread-editorial"] .info-button,
body[data-site-theme="spread-editorial"] .overview-button,
body[data-site-theme="spread-editorial"] .pagination-button {
  color: var(--st-muted);
  border-color: var(--st-rule);
  font-family: var(--st-font-body) !important;
  font-size: 0.78rem;
  font-weight: 400 !important;
  letter-spacing: 0.06em;
  font-style: italic;
}

body[data-site-theme="spread-editorial"] .info-button:hover,
body[data-site-theme="spread-editorial"] .overview-button:hover,
body[data-site-theme="spread-editorial"] .pagination-button:hover,
body[data-site-theme="spread-editorial"] .info-button.active,
body[data-site-theme="spread-editorial"] .overview-button.active {
  color: var(--st-accent);
  border-color: var(--st-accent);
  font-style: normal;
}

body[data-site-theme="spread-editorial"] .masonry-item .caption,
body[data-site-theme="spread-editorial"] .grid-item-caption,
body[data-site-theme="spread-editorial"] .neon-caption {
  color: var(--st-muted);
  font-family: var(--st-font-body) !important;
  font-size: 0.82rem;
  font-weight: 400 !important;
  font-style: italic;
  line-height: 1.4;
}

body[data-site-theme="spread-editorial"] .masonry-grid,
body[data-site-theme="spread-editorial"] .grid-gallery {
  gap: 0.85rem;
}

body[data-site-theme="spread-editorial"] .lightbox-description,
body[data-site-theme="spread-editorial"] .lightbox-video-description,
body[data-site-theme="spread-editorial"] .neon-lightbox-counter,
body[data-site-theme="spread-editorial"] .lightbox-description p {
  color: var(--st-muted);
  font-family: var(--st-font-body) !important;
  font-weight: 400 !important;
  line-height: 1.65;
}

body[data-site-theme="spread-editorial"] .lightbox-description strong {
  font-family: var(--st-font-display) !important;
  color: var(--st-ink);
  font-weight: 600 !important;
  font-style: normal;
}

/* =============================================================================
   Page-only warm editorial recipes (sidebar / menu rules above unchanged)
   Compose pages with layoutRecipeId + native pageElements in Page Manager.
   ============================================================================= */

body[data-site-theme="spread-editorial"] .page-container,
body[data-site-theme="spread-editorial"] .page-content,
body[data-site-theme="spread-editorial"] .page-elements-container {
  --se-page-bg: #f6f3ee;
  --se-page-ink: #1f1a17;
  --se-page-muted: #7a6d60;
  --se-page-body: #5e5348;
  --se-page-accent: #2a241f;
  --se-page-cream: #efe8dc;
  --se-page-band-dark: #1e1a17;
  --se-page-band-dark-text: #f3ece2;
  --se-page-band-dark-muted: #b8aa9b;
  --se-page-footer: #ece4d8;
  --se-page-glass: rgba(255, 255, 255, 0.5);
  --se-page-glass-border: rgba(255, 255, 255, 0.6);
  --se-page-rule: rgba(0, 0, 0, 0.05);
}

body[data-site-theme="spread-editorial"] .page-container,
body[data-site-theme="spread-editorial"] .page-content {
  background-color: var(--se-page-bg);
  color: var(--se-page-ink);
}

body[data-site-theme="spread-editorial"] .page-content .page-text h4,
body[data-site-theme="spread-editorial"] .page-content .page-text .ql-editor h4 {
  font-family: var(--st-font-body) !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.4em !important;
  text-transform: uppercase;
  color: var(--se-page-muted) !important;
  margin: 0 0 0.65rem;
}

body[data-site-theme="spread-editorial"] .page-content .page-text h1,
body[data-site-theme="spread-editorial"] .page-content .page-text .ql-editor h1 {
  font-family: var(--st-font-display) !important;
  font-size: clamp(2.5rem, 5.5vw, 4.25rem) !important;
  font-weight: 400 !important;
  line-height: 0.98 !important;
  letter-spacing: -0.03em;
  color: var(--se-page-ink) !important;
  margin: 0 0 0.85rem;
}

body[data-site-theme="spread-editorial"] .page-content .page-text h2,
body[data-site-theme="spread-editorial"] .page-content .page-text .ql-editor h2 {
  font-family: var(--st-font-display) !important;
  font-size: clamp(2rem, 4vw, 3.25rem) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em;
  color: var(--se-page-ink) !important;
}

body[data-site-theme="spread-editorial"] .page-content .page-text h3,
body[data-site-theme="spread-editorial"] .page-content .page-text .ql-editor h3 {
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.35rem, 2.5vw, 1.85rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0;
  text-transform: none;
  color: var(--se-page-ink) !important;
  line-height: 1.2;
}

body[data-site-theme="spread-editorial"] .page-content .page-text p,
body[data-site-theme="spread-editorial"] .page-content .page-text .ql-editor p {
  color: var(--se-page-body);
  font-size: 1.05rem;
  line-height: 1.85;
}

/* --- hero-split --- */
body[data-site-theme="spread-editorial"] .page-element[data-recipe="hero-split"] {
  position: relative;
  overflow: visible !important;
  padding-top: clamp(1.5rem, 4vw, 3rem);
  padding-bottom: clamp(2rem, 5vw, 4rem);
  border-bottom: 1px solid var(--se-page-rule);
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="hero-split"].column-container-element {
  overflow: visible !important;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="hero-split"]::before {
  content: "";
  position: absolute;
  top: -2rem;
  left: 28%;
  width: min(500px, 55vw);
  height: min(500px, 55vw);
  background: radial-gradient(circle at 30% 30%, rgba(231, 216, 199, 0.55), rgba(217, 230, 226, 0.35));
  filter: blur(48px);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="hero-split"] > .element-content {
  position: relative;
  z-index: 1;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="hero-split"] .column-container-element,
body[data-site-theme="spread-editorial"] .page-element[data-recipe="hero-split"] .column-container {
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: start;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="hero-split"] .column {
  overflow: visible !important;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="hero-split"] .column:first-child .page-text h1 {
  max-width: 14ch;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="hero-split"] .column:last-child {
  border: 1px solid var(--se-page-glass-border);
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: 32px;
  padding: clamp(0.85rem, 2vw, 1.25rem);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="hero-split"] .column:last-child .page-image-frame {
  border-radius: 24px;
  overflow: hidden;
  margin-bottom: 1rem;
  background: linear-gradient(145deg, #ddd2c3, #efe6da);
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="hero-split"] .column:last-child .page-text-container {
  padding: 0 0.25rem;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="hero-split"] .column:first-child .column-content-area {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 0.75rem 1rem;
  width: 100%;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="hero-split"] .column:first-child .column-content-area > .page-element.text-element {
  flex: 0 0 100%;
  width: 100%;
  align-self: stretch;
  text-align: left;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="hero-split"] .column:first-child .column-content-area > .page-element.button-element {
  flex: 0 0 auto;
  width: auto !important;
  overflow: visible !important;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="hero-split"] .column-content-area > .page-element {
  overflow: visible !important;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="hero-split"] .column:first-child .column-content-area > .page-element.text-element + .page-element.button-element {
  /* Match .column .column-content-area .page-text-container { padding: 10px } */
  margin-left: 10px;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="hero-split"] .page-button-wrap {
  width: auto !important;
  justify-content: flex-start !important;
  padding: 0 !important;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="hero-split"] .neon-page-btn.page-button-cta {
  font-size: 0.72rem !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  border-radius: 999px !important;
  padding: 0.72rem 1.35rem !important;
  width: auto !important;
  min-width: 10.5rem;
  max-width: none !important;
}

/* --- section-intro --- */
body[data-site-theme="spread-editorial"] .page-element[data-recipe="section-intro"] {
  padding: clamp(2.5rem, 6vw, 4.5rem) 0 clamp(1.5rem, 3vw, 2rem);
  border-bottom: 1px solid var(--se-page-rule);
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="section-intro"] .page-text {
  max-width: 42rem;
}

/* --- feature-grid --- */
body[data-site-theme="spread-editorial"] .page-element[data-recipe="feature-grid"] {
  overflow: visible !important;
  --se-card-shadow-gutter: clamp(0.85rem, 2vw, 1.5rem);
  padding: var(--se-card-shadow-gutter) var(--se-card-shadow-gutter) clamp(2.75rem, 5vw, 4.25rem);
  border-bottom: 1px solid var(--se-page-rule);
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="feature-grid"] > .element-content,
body[data-site-theme="spread-editorial"] .page-element[data-recipe="feature-grid"] .column-container-element,
body[data-site-theme="spread-editorial"] .page-element[data-recipe="feature-grid"] .column-container,
body[data-site-theme="spread-editorial"] .page-element[data-recipe="feature-grid"] .column,
body[data-site-theme="spread-editorial"] .page-element[data-recipe="feature-grid"] .column-content-area,
body[data-site-theme="spread-editorial"] .page-element[data-recipe="feature-grid"] .column-content-area > .page-element {
  overflow: visible !important;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="feature-grid"] .column-container-element,
body[data-site-theme="spread-editorial"] .page-element[data-recipe="feature-grid"] .column-container {
  gap: clamp(1.25rem, 3vw, 2.5rem);
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="feature-grid"] .column .page-text-container {
  border: 1px solid var(--se-page-glass-border);
  background: var(--se-page-glass);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: 28px;
  padding: clamp(1.25rem, 2.5vw, 2rem) !important;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
  box-sizing: border-box;
  margin-bottom: 0.35rem;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="feature-grid"] .column .page-text-container:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.07);
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="feature-grid"] .page-text h4 {
  font-size: 0.65rem !important;
  letter-spacing: 0.35em !important;
  margin-bottom: 1rem !important;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="feature-grid"] .page-image-frame {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 1rem;
}

/* --- case-types band --- */
body[data-site-theme="spread-editorial"] .page-element[data-recipe="case-types-intro"].page-row-band,
body[data-site-theme="spread-editorial"] .page-element[data-recipe="case-types-grid"].page-row-band {
  --page-row-bg: var(--se-page-band-dark);
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="case-types-intro"] .page-text h4,
body[data-site-theme="spread-editorial"] .page-element[data-recipe="case-types-intro"] .page-text h2,
body[data-site-theme="spread-editorial"] .page-element[data-recipe="case-types-intro"] .page-text p {
  color: var(--se-page-band-dark-text) !important;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="case-types-intro"] .page-text h4 {
  color: var(--se-page-band-dark-muted) !important;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="case-types-grid"] {
  overflow: visible !important;
  --se-card-shadow-gutter: clamp(0.85rem, 2vw, 1.5rem);
  padding-left: var(--se-card-shadow-gutter);
  padding-right: var(--se-card-shadow-gutter);
  padding-bottom: clamp(2.5rem, 6vw, 4.5rem);
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="case-types-grid"] > .element-content,
body[data-site-theme="spread-editorial"] .page-element[data-recipe="case-types-grid"] .column,
body[data-site-theme="spread-editorial"] .page-element[data-recipe="case-types-grid"] .column-content-area,
body[data-site-theme="spread-editorial"] .page-element[data-recipe="case-types-grid"] .column-content-area > .page-element {
  overflow: visible !important;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="case-types-grid"] .column .page-text-container {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 24px;
  padding: 1.25rem 1.5rem !important;
  transition: background 0.25s ease;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="case-types-grid"] .column .page-text-container:hover {
  background: rgba(255, 255, 255, 0.1);
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="case-types-grid"] .page-text p,
body[data-site-theme="spread-editorial"] .page-element[data-recipe="case-types-grid"] .page-text h3 {
  color: var(--se-page-band-dark-text) !important;
  margin: 0 !important;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="case-types-intro"] {
  padding-top: clamp(2.5rem, 6vw, 4.5rem);
  padding-bottom: 1rem;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="case-types-intro"].page-row-band + .page-element[data-recipe="case-types-grid"].page-row-band {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* --- credentials --- */
body[data-site-theme="spread-editorial"] .page-element[data-recipe="credentials-intro"] {
  padding: clamp(2.5rem, 6vw, 4.5rem) 0 1.25rem;
  border-bottom: none;
  text-align: center;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="credentials-intro"] .page-text {
  max-width: 48rem;
  margin: 0 auto;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="credentials-pills"] {
  padding-bottom: clamp(2.5rem, 6vw, 4.5rem);
  border-bottom: 1px solid var(--se-page-rule);
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="credentials-pills"] .column .page-text-container {
  border: 1px solid var(--se-page-glass-border);
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 999px;
  padding: 0.85rem 1.75rem !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  text-align: center;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="credentials-pills"] .page-text p {
  font-size: 0.72rem !important;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--se-page-body) !important;
  margin: 0 !important;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="credentials-pills"] .column-container-element,
body[data-site-theme="spread-editorial"] .page-element[data-recipe="credentials-pills"] .column-container {
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}

/* --- final-cta --- */
body[data-site-theme="spread-editorial"] .page-element[data-recipe="final-cta"] {
  padding: clamp(2.5rem, 6vw, 5rem) 0;
  text-align: center;
  position: relative;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="final-cta"] .page-text {
  max-width: 48rem;
  margin: 0 auto 1.5rem;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="final-cta"] .page-text h2 {
  font-size: clamp(2.25rem, 4.5vw, 3.75rem) !important;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="final-cta"] .page-text p {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="final-cta-btn"] {
  padding-bottom: clamp(2rem, 4vw, 3rem);
  text-align: center;
  overflow: visible !important;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="final-cta-btn"] > .element-content {
  display: flex;
  justify-content: center;
  width: 100%;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="final-cta-btn"] .page-button-wrap {
  width: auto !important;
  justify-content: center !important;
  padding: 0 !important;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="final-cta-btn"] .neon-page-btn.page-button-cta {
  font-size: 0.72rem !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
  border-radius: 999px !important;
  padding: 0.72rem 1.35rem !important;
  width: auto !important;
  min-width: 10.5rem;
  max-width: none !important;
  background: var(--se-page-accent) !important;
  color: var(--se-page-cream) !important;
}

/* Standalone + in-column page buttons — auto width (Lincoln-style), not full column stretch */
html body[data-site-theme="spread-editorial"] .column-content-area .page-button-wrap {
  width: auto !important;
  max-width: 100%;
  justify-content: flex-start !important;
  padding: 0.25rem 0 !important;
}

html body[data-site-theme="spread-editorial"] .column-content-area .page-button-wrap button.neon-page-btn.page-button-cta[type="button"] {
  width: auto !important;
  min-width: 10.5rem;
  max-width: none !important;
}

html body[data-site-theme="spread-editorial"] .page-elements-container .page-element.button-element .page-button-wrap,
html body[data-site-theme="spread-editorial"] .page-element[data-recipe="final-cta-btn"] .page-button-wrap {
  width: auto !important;
  max-width: 100%;
  padding: 0.25rem 0 !important;
}

html body[data-site-theme="spread-editorial"] .page-elements-container .page-element.button-element button.neon-page-btn.page-button-cta[type="button"],
html body[data-site-theme="spread-editorial"] .page-button-element button.neon-page-btn.page-button-cta[type="button"] {
  width: auto !important;
  min-width: 10.5rem;
  max-width: none !important;
}

/* Content area + row insets — stay inside column beside sidebar */
body[data-site-theme="spread-editorial"] .gallery-container,
body[data-site-theme="spread-editorial"] .page-container,
body[data-site-theme="spread-editorial"] .page-elements-container {
  overflow-x: visible !important;
}

/* Scroll container still clips overflow-x when overflow-y is auto — inset for shadow bleed */
body[data-site-theme="spread-editorial"] .gallery-container .page-container {
  box-sizing: border-box;
  padding-left: clamp(0.65rem, 1.25vw, 1.15rem);
  padding-right: clamp(0.65rem, 1.25vw, 1.15rem);
}

body[data-site-theme="spread-editorial"] .page-elements-container.has-page-row-bands > .page-element:not(.page-row-band) {
  padding-left: max(var(--page-row-inset-left, 0px), clamp(1.25rem, 8vw, 6rem));
  padding-right: max(var(--page-row-inset-right, 0px), clamp(1.25rem, 8vw, 6rem));
}

body[data-site-theme="spread-editorial"] .page-element.page-row-band {
  padding-left: max(var(--page-row-inset-left, 0px), clamp(1.25rem, 8vw, 6rem));
  padding-right: max(var(--page-row-inset-right, 0px), clamp(1.25rem, 8vw, 6rem));
}

/* --- footer-columns --- */
body[data-site-theme="spread-editorial"] .page-element[data-recipe="footer-columns"] {
  margin-bottom: 0;
  overflow: visible !important;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="footer-columns"].page-row-band {
  --page-row-bg: var(--se-page-footer);
  padding-top: clamp(2rem, 4vw, 3rem);
  padding-bottom: clamp(2rem, 4vw, 3rem);
  border-top: 1px solid var(--se-page-rule);
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="footer-columns"] .page-text h4,
body[data-site-theme="spread-editorial"] .page-element[data-recipe="footer-columns"] .page-text p {
  color: var(--se-page-body);
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="footer-columns"] .column:first-child .page-text p:first-child {
  font-family: var(--st-font-display) !important;
  font-style: italic;
  font-size: 1.65rem !important;
  color: var(--se-page-ink) !important;
  letter-spacing: 0.02em;
}

body[data-site-theme="spread-editorial"] .page-element[data-recipe="footer-columns"] .page-text h4 {
  font-size: 0.62rem !important;
  letter-spacing: 0.35em !important;
  color: var(--se-page-muted) !important;
  margin-bottom: 0.75rem;
}

/* Flex footer to page bottom when page is short (layout handled globally in page-styles.css) */

/* === steampunk-brassworks === */
/* Steampunk Brassworks — dark brass sidebar / gear catalog */

body[data-site-theme="steampunk-brassworks"] {
  --st-bg: #141010;
  --st-paper: #1e1814;
  --st-ink: #f0e6d8;
  --st-muted: #a08868;
  --st-accent: #c8943a;
  --st-rule: rgba(200, 148, 58, 0.22);
  --st-font-display: "Cinzel Decorative", Georgia, serif;
  --st-font-body: "EB Garamond", Georgia, serif;
  --st-font-mono: "Share Tech Mono", ui-monospace, monospace;

  --menu-font-family: var(--st-font-body);
  --menu-font: var(--st-font-body);
  --menu-background-color: var(--st-paper);
  --site-background-color: var(--st-bg);
  --menu-color: var(--st-muted);
  --menu-active-color: var(--st-accent);
  --menu-hover-color: #d89040;
  --edit-ui-text-color: var(--st-ink);
  --menu-contrast-color: var(--st-ink);
  --sidebar-width: 30vw;

  font-family: var(--st-font-body);
  color: var(--st-ink);
  background-color: var(--st-bg);
}

/* --- PNG decorative assets --- */
body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar {
  position: relative;
  box-shadow: inset -2px 0 0 rgba(200, 148, 58, 0.15), inset -4px 0 0 rgba(200, 148, 58, 0.06);
}

body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .page-text h2::after {
  content: "";
  display: block;
  width: min(100%, 420px);
  height: 22px;
  margin: 0.5rem 0 0;
  background-image: var(--st-divider-scroll-url);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  opacity: 0.8;
}

@media (max-width: 768px) {
  body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .mobile-header::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0.5rem;
    width: 100px;
    height: 72px;
    background-image: var(--st-corner-tr-url);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    pointer-events: none;
    opacity: 0.55;
  }
}

/* --- Sidebar nav: warm paper, TOC with dotted rules + numbering --- */
body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar {
  background-color: var(--st-paper);
  border-right: 1px solid var(--st-rule);
  box-shadow: inset -1px 0 0 var(--st-rule);
  width: var(--sidebar-width, 30vw) !important;
  min-width: 200px;
  max-width: 32vw;
  box-sizing: border-box;
  padding-left: clamp(0.85rem, 2vw, 1.25rem) !important;
  padding-right: clamp(0.85rem, 2vw, 1.25rem) !important;
  overflow-x: hidden;
}

/* Keep menu tree inside sidebar bounds (base styles set overflow: visible on #galleryTree) */
body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar .tree-container,
body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar #galleryTree,
body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar .sidebar-elements-container,
body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar .sidebar-element.menu-element,
body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar .sidebar-element.menu-element .menu-element-content {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow-x: hidden;
}

body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) .sidebar-element.menu-element #galleryTree > ol.nested-sortable,
body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree > ol.nested-sortable {
  counter-reset: st-toc;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) .sidebar-element.menu-element #galleryTree > ol.nested-sortable > li,
body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree > ol.nested-sortable > li {
  counter-increment: st-toc;
  border-bottom: 1px dotted var(--st-rule);
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) .sidebar-element.menu-element #galleryTree > ol.nested-sortable > li > .gallery-item-content,
body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree > ol.nested-sortable > li > .gallery-item-content,
body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree ol.nested-sortable li > .gallery-item-content {
  border: none !important;
  border-radius: 0;
  background: transparent !important;
  padding: 0.45rem 0;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: baseline;
  column-gap: 0.5rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) .sidebar-element.menu-element #galleryTree > ol.nested-sortable > li > .gallery-item-content::before,
body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree > ol.nested-sortable > li > .gallery-item-content::before {
  content: counter(st-toc, decimal-leading-zero);
  color: var(--st-accent);
  font-family: var(--st-font-body) !important;
  font-size: 0.68rem;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  text-transform: none;
  grid-column: 1;
  line-height: 1.35;
}

body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) .sidebar-element.menu-element #galleryTree > ol.nested-sortable > li > .gallery-item-content .menu-item,
body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) .sidebar-element.menu-element #galleryTree > ol.nested-sortable > li > .gallery-item-content a,
body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree > ol.nested-sortable > li > .gallery-item-content .menu-item,
body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree > ol.nested-sortable > li > .gallery-item-content a,
body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree ol.nested-sortable li > .gallery-item-content .menu-item,
body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree ol.nested-sortable li > .gallery-item-content a {
  grid-column: 2;
  min-width: 0 !important;
  max-width: 100%;
  width: auto !important;
  flex: none !important;
  text-align: right !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) .sidebar-element.menu-element #galleryTree > ol.nested-sortable > li > .gallery-item-content .submenu-toggle,
body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree > ol.nested-sortable > li > .gallery-item-content .submenu-toggle,
body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree ol.nested-sortable li > .gallery-item-content .submenu-toggle {
  grid-column: 3;
  flex: none;
  margin-left: 0;
}

/* Folder chevron always visible (base styles hide until row hover) */
body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) .submenu-toggle {
  opacity: 1 !important;
  visibility: visible !important;
}

body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) .submenu-toggle .toggle-icon {
  stroke: var(--st-muted) !important;
  color: var(--st-muted) !important;
}

body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) li.expanded > .gallery-item-content .submenu-toggle .toggle-icon,
body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) li.active > .gallery-item-content .submenu-toggle .toggle-icon,
body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) .gallery-item-content:hover .submenu-toggle .toggle-icon {
  stroke: var(--st-accent) !important;
  color: var(--st-accent) !important;
}

/* Nested submenu items — same right-aligned TOC rows, no numbers, lighter rules */
body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree ol.nested-sortable ol.nested-sortable {
  padding-left: 0 !important;
  margin: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree ol.nested-sortable ol.nested-sortable > li {
  border-bottom: 1px solid rgba(28, 24, 20, 0.06);
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree ol.nested-sortable ol.nested-sortable > li > .gallery-item-content::before {
  content: none;
}

/* Reserve number column width so nested labels share the same right edge as top-level items */
body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) #galleryTree ol.nested-sortable ol.nested-sortable > li > .gallery-item-content {
  grid-template-columns: 1.75rem minmax(0, 1fr) auto;
}

body[data-site-theme="steampunk-brassworks"] .sidebar .gallery-item-content a,
body[data-site-theme="steampunk-brassworks"] .sidebar .menu-item-title,
body[data-site-theme="steampunk-brassworks"] .horizontal-menu-item a,
body[data-site-theme="steampunk-brassworks"] .sidebar .sidebar-text,
body[data-site-theme="steampunk-brassworks"] .sidebar .ql-editor {
  color: var(--st-muted);
  font-family: var(--st-font-body) !important;
  font-size: 0.82rem;
  font-weight: 400 !important;
  letter-spacing: 0.015em;
}

body[data-site-theme="steampunk-brassworks"]:not(.edit-mode-active) .sidebar:not(.editing) .menu-item {
  font-size: 0.82rem;
}

body[data-site-theme="steampunk-brassworks"] .sidebar .gallery-item-content.active a,
body[data-site-theme="steampunk-brassworks"] .sidebar .gallery-item-content a:hover,
body[data-site-theme="steampunk-brassworks"] .sidebar:not(.editing) li.active > .gallery-item-content .menu-item,
body[data-site-theme="steampunk-brassworks"] .sidebar:not(.editing) li:not(.active) > .gallery-item-content:hover .menu-item,
body[data-site-theme="steampunk-brassworks"] .horizontal-menu-item.active a,
body[data-site-theme="steampunk-brassworks"] .horizontal-menu-item a:hover {
  color: var(--st-accent);
}

body[data-site-theme="steampunk-brassworks"] .mobile-header {
  background-color: var(--st-paper);
  border-bottom: 1px solid var(--st-rule);
}

body[data-site-theme="steampunk-brassworks"] .mobile-header .site-title,
body[data-site-theme="steampunk-brassworks"] .sidebar .site-title {
  font-family: var(--st-font-display) !important;
  color: var(--st-ink);
  font-weight: 600 !important;
  font-size: 1.4rem;
  letter-spacing: 0.01em;
  line-height: 1.2;
}

/* Mobile header logo — same display treatment as sidebar text element */
body[data-site-theme="steampunk-brassworks"] .mobile-header-text,
body[data-site-theme="steampunk-brassworks"] .mobile-header-title,
body[data-site-theme="steampunk-brassworks"] .mobile-header-menu-title {
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.05rem, 4.2vw, 1.35rem) !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em;
  line-height: 1.15;
  color: var(--st-ink) !important;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body[data-site-theme="steampunk-brassworks"] .mobile-header-text h1,
body[data-site-theme="steampunk-brassworks"] .mobile-header-text h2,
body[data-site-theme="steampunk-brassworks"] .mobile-header-text .ql-editor h1,
body[data-site-theme="steampunk-brassworks"] .mobile-header-text .ql-editor h2 {
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.05rem, 4.2vw, 1.35rem) !important;
  font-weight: 500 !important;
  line-height: 1.15;
  letter-spacing: 0.01em;
  color: var(--st-ink) !important;
  margin: 0 !important;
  padding: 0 !important;
}

body[data-site-theme="steampunk-brassworks"] .mobile-header-text h3:first-child,
body[data-site-theme="steampunk-brassworks"] .mobile-header-text .ql-editor h3:first-child,
body[data-site-theme="steampunk-brassworks"] .mobile-header-text > p:first-child:not(:only-child) {
  font-family: var(--st-font-body) !important;
  font-size: 0.58rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--st-accent) !important;
  margin: 0 0 0.2rem !important;
  line-height: 1.3;
}

body[data-site-theme="steampunk-brassworks"] .mobile-header-text > p:first-child:only-child,
body[data-site-theme="steampunk-brassworks"] .mobile-header-text .ql-editor > p:first-child:only-child,
body[data-site-theme="steampunk-brassworks"] .mobile-header-text > p:first-child:last-child,
body[data-site-theme="steampunk-brassworks"] .mobile-header-text .ql-editor > p:first-child:last-child {
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.05rem, 4.2vw, 1.35rem) !important;
  font-weight: 500 !important;
  line-height: 1.15;
  color: var(--st-ink) !important;
  margin: 0 !important;
}

body[data-site-theme="steampunk-brassworks"] .mobile-header-text p,
body[data-site-theme="steampunk-brassworks"] .mobile-header-text span {
  font-family: inherit !important;
  color: inherit !important;
}

/* Sidebar text element — editorial display title (Cover Spread style) */
body[data-site-theme="steampunk-brassworks"] .sidebar-element.text-element .sidebar-text h1,
body[data-site-theme="steampunk-brassworks"] .sidebar-element.text-element .sidebar-text h2,
body[data-site-theme="steampunk-brassworks"] .sidebar-element.text-element .sidebar-text .ql-editor h1,
body[data-site-theme="steampunk-brassworks"] .sidebar-element.text-element .sidebar-text .ql-editor h2 {
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.15rem, 2.2vw, 1.45rem) !important;
  font-weight: 500 !important;
  line-height: 1.15;
  letter-spacing: 0.01em;
  color: var(--st-ink) !important;
  margin: 0 0 0.85rem;
}

body[data-site-theme="steampunk-brassworks"] .sidebar-element.text-element .sidebar-text h3,
body[data-site-theme="steampunk-brassworks"] .sidebar-element.text-element .sidebar-text .ql-editor h3,
body[data-site-theme="steampunk-brassworks"] .sidebar-element.text-element .sidebar-text > p:first-child:not(:only-child) {
  font-family: var(--st-font-body) !important;
  font-size: 0.62rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--st-accent) !important;
  margin: 0 0 0.35rem;
  line-height: 1.4;
}

/* Plain sidebar text with no headings — treat first line as display title */
body[data-site-theme="steampunk-brassworks"] .sidebar-element.text-element .sidebar-text > p:first-child:only-child,
body[data-site-theme="steampunk-brassworks"] .sidebar-element.text-element .sidebar-text .ql-editor > p:first-child:only-child {
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.15rem, 2.2vw, 1.45rem) !important;
  font-weight: 500 !important;
  line-height: 1.15;
  color: var(--st-ink) !important;
  margin-bottom: 0.85rem;
}

/* --- Page hero zone --- */
body[data-site-theme="steampunk-brassworks"] .page-content > .page-element:first-child .page-text {
  border-bottom: 1px solid var(--st-rule);
  padding-bottom: clamp(1rem, 2.5vw, 1.5rem);
  margin-bottom: clamp(1.25rem, 3vw, 2rem);
}

body[data-site-theme="steampunk-brassworks"] .page-text > h3:first-child,
body[data-site-theme="steampunk-brassworks"] .page-text > h4:first-child,
body[data-site-theme="steampunk-brassworks"] .page-text .ql-editor > h3:first-child {
  font-family: var(--st-font-body) !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--st-muted) !important;
  margin: 0 0 0.5rem;
}

body[data-site-theme="steampunk-brassworks"] .page-text > h1:first-of-type,
body[data-site-theme="steampunk-brassworks"] .page-text .ql-editor > h1:first-of-type {
  font-family: var(--st-font-display) !important;
  font-size: clamp(2.2rem, 5.5vw, 3.4rem) !important;
  font-weight: 600 !important;
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: var(--st-ink) !important;
  margin: 0 0 0.5rem;
}

body[data-site-theme="steampunk-brassworks"] .page-text > h2:first-of-type,
body[data-site-theme="steampunk-brassworks"] .page-text .ql-editor > h2:first-of-type {
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.5rem, 3.5vw, 2.1rem) !important;
  font-weight: 600 !important;
  color: var(--st-ink) !important;
  line-height: 1.15;
}

body[data-site-theme="steampunk-brassworks"] .page-container,
body[data-site-theme="steampunk-brassworks"] .page-content {
  background-color: var(--st-bg);
  color: var(--st-ink);
}

body[data-site-theme="steampunk-brassworks"] .page-text,
body[data-site-theme="steampunk-brassworks"] .page-text p,
body[data-site-theme="steampunk-brassworks"] .page-text span,
body[data-site-theme="steampunk-brassworks"] .page-text li,
body[data-site-theme="steampunk-brassworks"] .page-element,
body[data-site-theme="steampunk-brassworks"] .ql-editor,
body[data-site-theme="steampunk-brassworks"] .page-text .ql-editor p {
  font-family: var(--st-font-body) !important;
  color: var(--st-ink);
  font-weight: 400 !important;
  line-height: 1.7;
}

body[data-site-theme="steampunk-brassworks"] .page-text h2,
body[data-site-theme="steampunk-brassworks"] .page-text .ql-editor h2 {
  font-family: var(--st-font-display) !important;
  font-size: 1.65rem !important;
  font-weight: 600 !important;
  color: var(--st-ink) !important;
  margin-top: 1.75rem;
}

body[data-site-theme="steampunk-brassworks"] .page-text h3,
body[data-site-theme="steampunk-brassworks"] .page-text .ql-editor h3 {
  font-family: var(--st-font-body) !important;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  color: var(--st-muted) !important;
  margin-top: 1.25rem;
}

/* Pull quote / editorial aside */
body[data-site-theme="steampunk-brassworks"] .page-text blockquote,
body[data-site-theme="steampunk-brassworks"] .page-text .ql-editor blockquote {
  margin: 1.5rem 0;
  padding: 0.25rem 0 0.25rem 1.15rem;
  border-left: 3px solid var(--st-accent);
  background: transparent;
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.15rem, 2.5vw, 1.45rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.45;
  color: var(--st-ink);
}

body[data-site-theme="steampunk-brassworks"] .page-text em,
body[data-site-theme="steampunk-brassworks"] .page-text .ql-editor em {
  font-style: italic;
  color: var(--st-muted);
}

/* --- Layout blocks (covers / editorial) --- */
body[data-site-theme="steampunk-brassworks"] .layout-theme-covers.lb-root,
body[data-site-theme="steampunk-brassworks"] .lb-cover-filmstrip.lb-root {
  --lb-bg: var(--st-bg);
  --lb-paper: var(--st-paper);
  --lb-ink: var(--st-ink);
  --lb-muted: var(--st-muted);
  --lb-accent: var(--st-accent);
  --lb-rule: var(--st-rule);
  background: var(--st-paper);
  color: var(--st-ink);
}

body[data-site-theme="steampunk-brassworks"] .lb-cover-filmstrip .lb-caption {
  font-family: var(--st-font-body) !important;
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--st-muted);
  border-color: var(--st-rule);
}

body[data-site-theme="steampunk-brassworks"] .lb-root h1,
body[data-site-theme="steampunk-brassworks"] .lb-root h2 {
  font-family: var(--st-font-display) !important;
  color: var(--st-ink);
}

body[data-site-theme="steampunk-brassworks"] .lb-archive-row .lb-plate {
  border-color: var(--st-rule);
  background: var(--st-paper);
  box-shadow: 0 2px 0 var(--st-rule);
}

body[data-site-theme="steampunk-brassworks"] .lb-archive-row .lb-plate-head {
  font-family: var(--st-font-display) !important;
}

/* --- Gallery cosmetics --- */
body[data-site-theme="steampunk-brassworks"] .info-button,
body[data-site-theme="steampunk-brassworks"] .overview-button,
body[data-site-theme="steampunk-brassworks"] .pagination-button {
  color: var(--st-muted);
  border-color: var(--st-rule);
  font-family: var(--st-font-body) !important;
  font-size: 0.78rem;
  font-weight: 400 !important;
  letter-spacing: 0.06em;
  font-style: italic;
}

body[data-site-theme="steampunk-brassworks"] .info-button:hover,
body[data-site-theme="steampunk-brassworks"] .overview-button:hover,
body[data-site-theme="steampunk-brassworks"] .pagination-button:hover,
body[data-site-theme="steampunk-brassworks"] .info-button.active,
body[data-site-theme="steampunk-brassworks"] .overview-button.active {
  color: var(--st-accent);
  border-color: var(--st-accent);
  font-style: normal;
}

body[data-site-theme="steampunk-brassworks"] .masonry-item .caption,
body[data-site-theme="steampunk-brassworks"] .grid-item-caption,
body[data-site-theme="steampunk-brassworks"] .neon-caption {
  color: var(--st-muted);
  font-family: var(--st-font-body) !important;
  font-size: 0.82rem;
  font-weight: 400 !important;
  font-style: italic;
  line-height: 1.4;
}

body[data-site-theme="steampunk-brassworks"] .masonry-grid,
body[data-site-theme="steampunk-brassworks"] .grid-gallery {
  gap: 0.85rem;
}

/* Gallery grid: ornate divider spans image width, title stacks below */
body[data-site-theme="steampunk-brassworks"] .gallery-wrapper .masonry-item.title-under,
body[data-site-theme="steampunk-brassworks"] .page-gallery-container .masonry-item.title-under {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  overflow: visible !important;
}

body[data-site-theme="steampunk-brassworks"] .gallery-wrapper .masonry-item.title-under .masonry-item-media,
body[data-site-theme="steampunk-brassworks"] .page-gallery-container .masonry-item.title-under .masonry-item-media {
  flex: 0 0 auto;
  width: 100%;
  order: 1;
}

body[data-site-theme="steampunk-brassworks"] .gallery-wrapper .masonry-item.title-under .grid-image-title.desktop-title,
body[data-site-theme="steampunk-brassworks"] .gallery-wrapper .masonry-item.title-under .grid-image-title.mobile-title,
body[data-site-theme="steampunk-brassworks"] .page-gallery-container .masonry-item.title-under .grid-image-title.desktop-title,
body[data-site-theme="steampunk-brassworks"] .page-gallery-container .masonry-item.title-under .grid-image-title.mobile-title {
  order: 2;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  padding-top: 0 !important;
  margin-top: 10px !important;
  flex: 0 0 auto;
  align-self: stretch !important;
}

body[data-site-theme="steampunk-brassworks"] .gallery-wrapper .masonry-item.title-under .grid-image-title.desktop-title::before,
body[data-site-theme="steampunk-brassworks"] .gallery-wrapper .masonry-item.title-under .grid-image-title.mobile-title::before,
body[data-site-theme="steampunk-brassworks"] .page-gallery-container .masonry-item.title-under .grid-image-title.desktop-title::before,
body[data-site-theme="steampunk-brassworks"] .page-gallery-container .masonry-item.title-under .grid-image-title.mobile-title::before {
  content: "";
  display: block;
  width: 50%;
  height: clamp(16px, 2.5vw, 26px);
  margin: 0.3rem auto 0.45rem;
  background-image: var(--st-grid-divider-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  pointer-events: none;
}

body[data-site-theme="steampunk-brassworks"] .gallery-wrapper .masonry-item.title-under .grid-image-title.desktop-title::after,
body[data-site-theme="steampunk-brassworks"] .gallery-wrapper .masonry-item.title-under .grid-image-title.mobile-title::after,
body[data-site-theme="steampunk-brassworks"] .page-gallery-container .masonry-item.title-under .grid-image-title.desktop-title::after,
body[data-site-theme="steampunk-brassworks"] .page-gallery-container .masonry-item.title-under .grid-image-title.mobile-title::after {
  content: "";
  display: block;
  width: 50%;
  height: clamp(16px, 2.5vw, 26px);
  margin: 0.4rem auto 0.25rem;
  background-image: var(--st-grid-divider-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  transform: scaleY(-1);
  pointer-events: none;
}

body[data-site-theme="steampunk-brassworks"] .gallery-wrapper .masonry-item.title-under .grid-image-title h3,
body[data-site-theme="steampunk-brassworks"] .page-gallery-container .masonry-item.title-under .grid-image-title h3 {
  font-family: var(--st-font-display) !important;
  color: var(--st-accent, #c8943a) !important;
  -webkit-text-fill-color: var(--st-accent, #c8943a) !important;
  font-size: clamp(0.95rem, 1.35vw, 1.15rem) !important;
  font-weight: 500 !important;
  font-style: normal !important;
  letter-spacing: 0.05em;
  line-height: 1.3 !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  box-sizing: border-box;
}

body[data-site-theme="steampunk-brassworks"] .lightbox-description,
body[data-site-theme="steampunk-brassworks"] .lightbox-video-description,
body[data-site-theme="steampunk-brassworks"] .neon-lightbox-counter,
body[data-site-theme="steampunk-brassworks"] .lightbox-description p {
  color: var(--st-muted);
  font-family: var(--st-font-body) !important;
  font-weight: 400 !important;
  line-height: 1.65;
}

body[data-site-theme="steampunk-brassworks"] .lightbox-description strong {
  font-family: var(--st-font-display) !important;
  color: var(--st-ink);
  font-weight: 600 !important;
  font-style: normal;
}

/* =============================================================================
   Page-only warm editorial recipes (sidebar / menu rules above unchanged)
   Compose pages with layoutRecipeId + native pageElements in Page Manager.
   ============================================================================= */

body[data-site-theme="steampunk-brassworks"] .page-container,
body[data-site-theme="steampunk-brassworks"] .page-content,
body[data-site-theme="steampunk-brassworks"] .page-elements-container {
  --se-page-bg: #f6f3ee;
  --se-page-ink: #1f1a17;
  --se-page-muted: #7a6d60;
  --se-page-body: #5e5348;
  --se-page-accent: #2a241f;
  --se-page-cream: #efe8dc;
  --se-page-band-dark: #1e1a17;
  --se-page-band-dark-text: #f3ece2;
  --se-page-band-dark-muted: #b8aa9b;
  --se-page-footer: #ece4d8;
  --se-page-glass: rgba(255, 255, 255, 0.5);
  --se-page-glass-border: rgba(255, 255, 255, 0.6);
  --se-page-rule: rgba(0, 0, 0, 0.05);
}

body[data-site-theme="steampunk-brassworks"] .page-container,
body[data-site-theme="steampunk-brassworks"] .page-content {
  background-color: var(--se-page-bg);
  color: var(--se-page-ink);
}

body[data-site-theme="steampunk-brassworks"] .page-content .page-text h4,
body[data-site-theme="steampunk-brassworks"] .page-content .page-text .ql-editor h4 {
  font-family: var(--st-font-body) !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.4em !important;
  text-transform: uppercase;
  color: var(--se-page-muted) !important;
  margin: 0 0 0.65rem;
}

body[data-site-theme="steampunk-brassworks"] .page-content .page-text h1,
body[data-site-theme="steampunk-brassworks"] .page-content .page-text .ql-editor h1 {
  font-family: var(--st-font-display) !important;
  font-size: clamp(2.5rem, 5.5vw, 4.25rem) !important;
  font-weight: 400 !important;
  line-height: 0.98 !important;
  letter-spacing: -0.03em;
  color: var(--se-page-ink) !important;
  margin: 0 0 0.85rem;
}

body[data-site-theme="steampunk-brassworks"] .page-content .page-text h2,
body[data-site-theme="steampunk-brassworks"] .page-content .page-text .ql-editor h2 {
  font-family: var(--st-font-display) !important;
  font-size: clamp(2rem, 4vw, 3.25rem) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em;
  color: var(--se-page-ink) !important;
}

body[data-site-theme="steampunk-brassworks"] .page-content .page-text h3,
body[data-site-theme="steampunk-brassworks"] .page-content .page-text .ql-editor h3 {
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.35rem, 2.5vw, 1.85rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0;
  text-transform: none;
  color: var(--se-page-ink) !important;
  line-height: 1.2;
}

body[data-site-theme="steampunk-brassworks"] .page-content .page-text p,
body[data-site-theme="steampunk-brassworks"] .page-content .page-text .ql-editor p {
  color: var(--se-page-body);
  font-size: 1.05rem;
  line-height: 1.85;
}

/* --- hero-split --- */
body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="hero-split"] {
  position: relative;
  overflow: visible !important;
  padding-top: clamp(1.5rem, 4vw, 3rem);
  padding-bottom: clamp(2rem, 5vw, 4rem);
  border-bottom: 1px solid var(--se-page-rule);
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="hero-split"].column-container-element {
  overflow: visible !important;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="hero-split"]::before {
  content: "";
  position: absolute;
  top: -2rem;
  left: 28%;
  width: min(500px, 55vw);
  height: min(500px, 55vw);
  background: radial-gradient(circle at 30% 30%, rgba(231, 216, 199, 0.55), rgba(217, 230, 226, 0.35));
  filter: blur(48px);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="hero-split"] > .element-content {
  position: relative;
  z-index: 1;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="hero-split"] .column-container-element,
body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="hero-split"] .column-container {
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: start;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="hero-split"] .column {
  overflow: visible !important;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="hero-split"] .column:first-child .page-text h1 {
  max-width: 14ch;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="hero-split"] .column:last-child {
  border: 1px solid var(--se-page-glass-border);
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: 32px;
  padding: clamp(0.85rem, 2vw, 1.25rem);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="hero-split"] .column:last-child .page-image-frame {
  border-radius: 24px;
  overflow: hidden;
  margin-bottom: 1rem;
  background: linear-gradient(145deg, #ddd2c3, #efe6da);
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="hero-split"] .column:last-child .page-text-container {
  padding: 0 0.25rem;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="hero-split"] .column:first-child .column-content-area {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 0.75rem 1rem;
  width: 100%;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="hero-split"] .column:first-child .column-content-area > .page-element.text-element {
  flex: 0 0 100%;
  width: 100%;
  align-self: stretch;
  text-align: left;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="hero-split"] .column:first-child .column-content-area > .page-element.button-element {
  flex: 0 0 auto;
  width: auto !important;
  overflow: visible !important;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="hero-split"] .column-content-area > .page-element {
  overflow: visible !important;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="hero-split"] .column:first-child .column-content-area > .page-element.text-element + .page-element.button-element {
  /* Match .column .column-content-area .page-text-container { padding: 10px } */
  margin-left: 10px;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="hero-split"] .page-button-wrap {
  width: auto !important;
  justify-content: flex-start !important;
  padding: 0 !important;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="hero-split"] .neon-page-btn.page-button-cta {
  font-size: 0.72rem !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  border-radius: 999px !important;
  padding: 0.72rem 1.35rem !important;
  width: auto !important;
  min-width: 10.5rem;
  max-width: none !important;
}

/* --- section-intro --- */
body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="section-intro"] {
  padding: clamp(2.5rem, 6vw, 4.5rem) 0 clamp(1.5rem, 3vw, 2rem);
  border-bottom: 1px solid var(--se-page-rule);
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="section-intro"] .page-text {
  max-width: 42rem;
}

/* --- feature-grid --- */
body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="feature-grid"] {
  overflow: visible !important;
  --se-card-shadow-gutter: clamp(0.85rem, 2vw, 1.5rem);
  padding: var(--se-card-shadow-gutter) var(--se-card-shadow-gutter) clamp(2.75rem, 5vw, 4.25rem);
  border-bottom: 1px solid var(--se-page-rule);
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="feature-grid"] > .element-content,
body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="feature-grid"] .column-container-element,
body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="feature-grid"] .column-container,
body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="feature-grid"] .column,
body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="feature-grid"] .column-content-area,
body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="feature-grid"] .column-content-area > .page-element {
  overflow: visible !important;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="feature-grid"] .column-container-element,
body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="feature-grid"] .column-container {
  gap: clamp(1.25rem, 3vw, 2.5rem);
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="feature-grid"] .column .page-text-container {
  border: 1px solid var(--se-page-glass-border);
  background: var(--se-page-glass);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: 28px;
  padding: clamp(1.25rem, 2.5vw, 2rem) !important;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
  box-sizing: border-box;
  margin-bottom: 0.35rem;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="feature-grid"] .column .page-text-container:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.07);
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="feature-grid"] .page-text h4 {
  font-size: 0.65rem !important;
  letter-spacing: 0.35em !important;
  margin-bottom: 1rem !important;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="feature-grid"] .page-image-frame {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 1rem;
}

/* --- case-types band --- */
body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="case-types-intro"].page-row-band,
body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="case-types-grid"].page-row-band {
  --page-row-bg: var(--se-page-band-dark);
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="case-types-intro"] .page-text h4,
body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="case-types-intro"] .page-text h2,
body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="case-types-intro"] .page-text p {
  color: var(--se-page-band-dark-text) !important;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="case-types-intro"] .page-text h4 {
  color: var(--se-page-band-dark-muted) !important;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="case-types-grid"] {
  overflow: visible !important;
  --se-card-shadow-gutter: clamp(0.85rem, 2vw, 1.5rem);
  padding-left: var(--se-card-shadow-gutter);
  padding-right: var(--se-card-shadow-gutter);
  padding-bottom: clamp(2.5rem, 6vw, 4.5rem);
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="case-types-grid"] > .element-content,
body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="case-types-grid"] .column,
body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="case-types-grid"] .column-content-area,
body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="case-types-grid"] .column-content-area > .page-element {
  overflow: visible !important;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="case-types-grid"] .column .page-text-container {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 24px;
  padding: 1.25rem 1.5rem !important;
  transition: background 0.25s ease;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="case-types-grid"] .column .page-text-container:hover {
  background: rgba(255, 255, 255, 0.1);
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="case-types-grid"] .page-text p,
body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="case-types-grid"] .page-text h3 {
  color: var(--se-page-band-dark-text) !important;
  margin: 0 !important;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="case-types-intro"] {
  padding-top: clamp(2.5rem, 6vw, 4.5rem);
  padding-bottom: 1rem;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="case-types-intro"].page-row-band + .page-element[data-recipe="case-types-grid"].page-row-band {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* --- credentials --- */
body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="credentials-intro"] {
  padding: clamp(2.5rem, 6vw, 4.5rem) 0 1.25rem;
  border-bottom: none;
  text-align: center;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="credentials-intro"] .page-text {
  max-width: 48rem;
  margin: 0 auto;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="credentials-pills"] {
  padding-bottom: clamp(2.5rem, 6vw, 4.5rem);
  border-bottom: 1px solid var(--se-page-rule);
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="credentials-pills"] .column .page-text-container {
  border: 1px solid var(--se-page-glass-border);
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 999px;
  padding: 0.85rem 1.75rem !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  text-align: center;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="credentials-pills"] .page-text p {
  font-size: 0.72rem !important;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--se-page-body) !important;
  margin: 0 !important;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="credentials-pills"] .column-container-element,
body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="credentials-pills"] .column-container {
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}

/* --- final-cta --- */
body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="final-cta"] {
  padding: clamp(2.5rem, 6vw, 5rem) 0;
  text-align: center;
  position: relative;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="final-cta"] .page-text {
  max-width: 48rem;
  margin: 0 auto 1.5rem;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="final-cta"] .page-text h2 {
  font-size: clamp(2.25rem, 4.5vw, 3.75rem) !important;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="final-cta"] .page-text p {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="final-cta-btn"] {
  padding-bottom: clamp(2rem, 4vw, 3rem);
  text-align: center;
  overflow: visible !important;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="final-cta-btn"] > .element-content {
  display: flex;
  justify-content: center;
  width: 100%;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="final-cta-btn"] .page-button-wrap {
  width: auto !important;
  justify-content: center !important;
  padding: 0 !important;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="final-cta-btn"] .neon-page-btn.page-button-cta {
  font-size: 0.72rem !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
  border-radius: 999px !important;
  padding: 0.72rem 1.35rem !important;
  width: auto !important;
  min-width: 10.5rem;
  max-width: none !important;
  background: var(--se-page-accent) !important;
  color: var(--se-page-cream) !important;
}

/* Standalone + in-column page buttons — auto width (Lincoln-style), not full column stretch */
html body[data-site-theme="steampunk-brassworks"] .column-content-area .page-button-wrap {
  width: auto !important;
  max-width: 100%;
  justify-content: flex-start !important;
  padding: 0.25rem 0 !important;
}

html body[data-site-theme="steampunk-brassworks"] .column-content-area .page-button-wrap button.neon-page-btn.page-button-cta[type="button"] {
  width: auto !important;
  min-width: 10.5rem;
  max-width: none !important;
}

html body[data-site-theme="steampunk-brassworks"] .page-elements-container .page-element.button-element .page-button-wrap,
html body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="final-cta-btn"] .page-button-wrap {
  width: auto !important;
  max-width: 100%;
  padding: 0.25rem 0 !important;
}

html body[data-site-theme="steampunk-brassworks"] .page-elements-container .page-element.button-element button.neon-page-btn.page-button-cta[type="button"],
html body[data-site-theme="steampunk-brassworks"] .page-button-element button.neon-page-btn.page-button-cta[type="button"] {
  width: auto !important;
  min-width: 10.5rem;
  max-width: none !important;
}

/* Content area + row insets — stay inside column beside sidebar */
body[data-site-theme="steampunk-brassworks"] .gallery-container,
body[data-site-theme="steampunk-brassworks"] .page-container,
body[data-site-theme="steampunk-brassworks"] .page-elements-container {
  overflow-x: visible !important;
}

/* Scroll container still clips overflow-x when overflow-y is auto — inset for shadow bleed */
body[data-site-theme="steampunk-brassworks"] .gallery-container .page-container {
  box-sizing: border-box;
  padding-left: clamp(0.65rem, 1.25vw, 1.15rem);
  padding-right: clamp(0.65rem, 1.25vw, 1.15rem);
}

body[data-site-theme="steampunk-brassworks"] .page-elements-container.has-page-row-bands > .page-element:not(.page-row-band) {
  padding-left: max(var(--page-row-inset-left, 0px), clamp(1.25rem, 8vw, 6rem));
  padding-right: max(var(--page-row-inset-right, 0px), clamp(1.25rem, 8vw, 6rem));
}

body[data-site-theme="steampunk-brassworks"] .page-element.page-row-band {
  padding-left: max(var(--page-row-inset-left, 0px), clamp(1.25rem, 8vw, 6rem));
  padding-right: max(var(--page-row-inset-right, 0px), clamp(1.25rem, 8vw, 6rem));
}

/* --- footer-columns --- */
body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="footer-columns"] {
  margin-bottom: 0;
  overflow: visible !important;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="footer-columns"].page-row-band {
  --page-row-bg: var(--se-page-footer);
  padding-top: clamp(2rem, 4vw, 3rem);
  padding-bottom: clamp(2rem, 4vw, 3rem);
  border-top: 1px solid var(--se-page-rule);
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="footer-columns"] .page-text h4,
body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="footer-columns"] .page-text p {
  color: var(--se-page-body);
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="footer-columns"] .column:first-child .page-text p:first-child {
  font-family: var(--st-font-display) !important;
  font-style: italic;
  font-size: 1.65rem !important;
  color: var(--se-page-ink) !important;
  letter-spacing: 0.02em;
}

body[data-site-theme="steampunk-brassworks"] .page-element[data-recipe="footer-columns"] .page-text h4 {
  font-size: 0.62rem !important;
  letter-spacing: 0.35em !important;
  color: var(--se-page-muted) !important;
  margin-bottom: 0.75rem;
}

/* Flex footer to page bottom when page is short (layout handled globally in page-styles.css) */