/* Match the OpenS gallery gutters on the selected content entry pages.
   A registered length resolves against app-main once and is inherited by
   nested sticky bars, rather than recalculating a percentage at each level. */
@property --noah-page-gutter {
  syntax: '<length>';
  inherits: true;
  initial-value: 20px;
}

main[data-content-width='opens55'] > * {
  --noah-page-gutter: clamp(1.25rem, 7vw, 8.375rem);
}

@media (min-width: 1800px) {
  main[data-content-width='opens55'] > * {
    --noah-page-gutter: 12.5cqw;
  }
}

main[data-content-width='opens55'] .feed-content-frame {
  --feed-inline-padding: var(--noah-page-gutter);
}

main[data-content-width='opens55'] .entry-page-gutters,
main[data-content-width='opens55'] .noah-entry-frame,
main[data-content-width='opens55'] [class~='pl-[134px]'][class~='pr-[134px]'] {
  padding-inline: var(--noah-page-gutter);
}

main[data-content-width='opens55'] .noah-entry-bleed {
  margin-inline: calc(var(--noah-page-gutter) * -1);
  padding-inline: var(--noah-page-gutter);
}

main[data-content-width='opens55'] .nova-page {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding-inline: var(--noah-page-gutter);
}