/* Force the scrollbar track to always be present so the layout width
   is identical on every page — eliminates the ~15px shift on Windows
   when navigating between short pages (no scrollbar) and long pages.
   scrollbar-gutter: stable is unreliable on some Windows Chrome builds
   with classic scrollbars; overflow-y: scroll is the battle-tested fix.
   The Svelte app sets overflow-y:auto + height:100dvh as an inline style
   on some page MAIN elements, creating a nested scroll container whose
   classic scrollbar eats 15px.  Hide the nested scrollbar so only the
   root html one is visible — the MAIN still scrolls, it just delegates
   the visual track to the root. */
html {
  overflow-y: scroll !important;
}
main.text-primary-1000,
main[style*="overflow"] {
  scrollbar-width: none !important;  /* Firefox */
}
main.text-primary-1000::-webkit-scrollbar,
main[style*="overflow"]::-webkit-scrollbar {
  display: none !important;          /* Chrome/Edge/Safari */
}

/* Keep the native header's size and contrast as it moves between dark/light sections.
   The mask is the original transparent Sentra SVG, with no background artwork. */
header svg[aria-label="Krea Logo"],
header svg[aria-label="Sentra Logo"],
header svg[data-sentra-mark] {
  background-color: currentColor;
  -webkit-mask: url("/_site/brand/mark-white.svg") center / contain no-repeat;
  mask: url("/_site/brand/mark-white.svg") center / contain no-repeat;
}
header svg[aria-label="Krea Logo"] > *,
header svg[aria-label="Sentra Logo"] > *,
header svg[data-sentra-mark] > * {
  visibility: hidden;
}

/* Product labels retain their original height and white/inverted treatment. */
svg[data-sentra-wordmark] {
  width: auto;
  aspect-ratio: 110 / 24;
  background-color: white;
  -webkit-mask: var(--sentra-wordmark) center / contain no-repeat;
  mask: var(--sentra-wordmark) center / contain no-repeat;
}
svg[data-sentra-wordmark="1"] {
  --sentra-wordmark: url("/_site/brand/wordmark-1.svg");
}
svg[data-sentra-wordmark="2"] {
  --sentra-wordmark: url("/_site/brand/wordmark-2.svg");
}
svg[data-sentra-wordmark] > * {
  visibility: hidden;
}