/* Shared DE26 pieces. Every atom lists 'base' first in its styles. */
/* Elementor kits and themes set letter-spacing on body (the local site inherits -0.1px). Reset it at
   every component root so text widths match the design. */
[data-de26] {
  letter-spacing: var(--de26-letter-spacing-default);
}
/* Themes also set letter-spacing and text-wrap: pretty directly on headings and paragraphs; the root
   reset above does not reach those. Make text inside components follow the root. */
[data-de26] :is(h1, h2, h3, h4, h5, h6, p, li) {
  letter-spacing: inherit;
  text-wrap: wrap;
}
[data-de26] :is(a, button, summary, input, select, textarea, [tabindex="0"]):focus-visible,
a[data-de26]:focus-visible,
button[data-de26]:focus-visible,
[data-de26][tabindex="0"]:focus-visible {
  outline: 3px solid var(--de26-space);
  outline-offset: 2px;
  box-shadow: 0 0 0 2px var(--de26-white);
}
[data-de26] .de26-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
[data-de26] .de26-rule {
  display: block;
  height: 6px;
  background: var(--de26-gradient-rule);
}
[data-de26].de26-chrome-soft {
  background: var(--de26-white);
  border: 0.3px solid var(--de26-hairline-dark);
  border-radius: 26px;
  box-shadow: var(--de26-shadow-card-soft);
}