/* Page-scoped styles: accessibility
 * Identity: slug:wl-slp--accessibility
 * Extracted VERBATIM from packages/rexall-ds/src/styles/globals.css.
 * Every selector here carries the identity above, so these rules could only
 * ever match on this one page -- yet every route downloaded them.
 * Loaded by <PageScopedStyles> AFTER globals.css. Only rules proven not to
 * change any cascade outcome by that move were extracted; see
 * docs/plans/css-route-splitting.md for the ordering proof.
 */



.wl-slp--accessibility
  .wl-prose
  > ol:has(> li > a[href="#part1"]) {
  margin: 0 0 28px;
  padding-left: 40px;
  list-style: none !important;
  counter-reset: accessibility-toc;
}

.wl-slp--accessibility
  .wl-prose
  > ol:has(> li > a[href="#part1"])
  ol {
  margin: 4px 0 6px;
  padding-left: 28px;
  list-style: none !important;
}

.wl-slp--accessibility
  .wl-prose
  > ol:has(> li > a[href="#part1"])
  > li
  > ol
  > li {
  counter-increment: accessibility-toc;
}

.wl-slp--accessibility
  .wl-prose
  > ol:has(> li > a[href="#part1"])
  > li
  > ol
  > li::before {
  display: inline;
  content: counter(accessibility-toc) ". ";
}

.wl-slp--accessibility
  .wl-prose
  > ol:has(> li > a[href="#part1"])
  > li
  > ol
  > li
  > ol
  > li::before {
  display: inline;
  content: counter(list-item, lower-roman) ". ";
}

@media (max-width: 767px) {
  .wl-page .wl-slp--accessibility {
    width: min(290px, calc(100vw - 85px));
    max-width: min(290px, calc(100vw - 85px));
    margin: 15px auto 0;
  }

  .wl-slp--accessibility::before {
    display: none;
  }

  .wl-slp--accessibility .wl-slp-hero {
    width: 100%;
  }

  .wl-slp--accessibility .wl-slp-body::before {
    align-self: center;
    justify-self: center;
  }
}
.wl-slp--accessibility .wl-slp-aside {
  height: auto;
  min-height: 0;
  background: none;
  pointer-events: auto;
}
@media (max-width: 767px) {

  .wl-slp--accessibility .wl-hlp-cardgrid--rail .wl-hlp-cardgrid-rail-list > li {
    display: none;
  }
}

.wl-slp--accessibility .wl-hlp-content--article .wl-prose h4 {
  margin-top: 0;
  margin-bottom: 20px;
}
.wl-page .wl-slp--accessibility .wl-prose > ol:has(> li > a[href="#part1"]) {
  margin: 0 0 28px;
  padding-left: 40px;
  list-style: none;
  counter-reset: accessibility-toc;
}

.wl-page .wl-slp--accessibility .wl-prose > ol:has(> li > a[href="#part1"]) ol {
  margin: 4px 0 6px;
  padding-left: 28px;
  list-style: none;
}

.wl-page .wl-slp--accessibility .wl-prose > ol:has(> li > a[href="#part1"]) > li > ol > li {
  counter-increment: accessibility-toc;
}

.wl-page .wl-slp--accessibility .wl-prose > ol:has(> li > a[href="#part1"]) > li > ol > li::before {
  display: inline;
  content: counter(accessibility-toc) ". ";
}

.wl-page .wl-slp--accessibility
  .wl-prose
  > ol:has(> li > a[href="#part1"])
  > li
  > ol
  > li
  > ol
  > li::before {
  display: inline;
  content: counter(list-item, lower-roman) ". ";
}