/* Page-scoped styles: covid-19-vaccines
 * Identity: slug:wl-hlp--covid-19-vaccines
 * 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-hlp--covid-19-vaccines .wl-hlp-accordion-content .wl-prose a {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.wl-hlp--covid-19-vaccines > .wl-hlp-cardgrid:nth-of-type(2) .wl-hlp-cardgrid-link::after {
  content: "›";
  display: grid;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
}

.wl-hlp--covid-19-vaccines > .wl-hlp-faq .wl-hlp-accordion-details {
  padding: 0;
}

@media (min-width: 768px) {
  .wl-hlp--covid-19-vaccines .wl-hlp-routine--province-panels .wl-hlp-routine-tab {
    height: 64.703125px;
  }

  .wl-hlp--covid-19-vaccines .wl-hlp-routine--province-panels .wl-hlp-routine-card {
    min-height: 846.625px;
  }
}

@media (max-width: 767px) {

  .wl-hlp--covid-19-vaccines > .wl-hlp-cardgrid:nth-of-type(1) .wl-hlp-cardgrid-heading {
    margin-bottom: 16px;
    font-size: 28px;
    line-height: 1.3;
    text-align: left;
  }

  .wl-hlp--covid-19-vaccines > .wl-hlp-cardgrid:nth-of-type(2) .wl-hlp-cardgrid-heading {
    margin-bottom: 32px;
    font-size: 28px;
    line-height: 1.3;
  }

  .wl-hlp--covid-19-vaccines .wl-hlp-routine--province-panels .wl-hlp-routine-card {
    width: 300px;
    padding: 0;
  }

  .wl-hlp--covid-19-vaccines .wl-hlp-routine--province-panels .wl-hlp-routine-content {
    padding: 38px 16px;
  }

  .wl-page .wl-hlp--covid-19-vaccines .wl-hlp-routine--province-panels .wl-hlp-routine-title {
    line-height: 1.4;
  }

  .wl-hlp--covid-19-vaccines > .wl-hlp-faq .wl-hlp-accordion {
    width: 350px;
    gap: 10px;
    padding: 10px 0 0;
  }

  .wl-hlp--covid-19-vaccines > .wl-hlp-faq .wl-hlp-accordion-item {
    width: 350px;
  }

  .wl-hlp--covid-19-vaccines > .wl-hlp-faq .wl-hlp-accordion-title {
    min-height: 68px;
    font-size: 16px;
    line-height: 24px;
  }
}