/* San Diego's local SVG library. Empty pseudo-elements are decorative;
   all labels, links, numbering and form controls retain their own meaning. */
@supports ((mask-image: url("")) or (-webkit-mask-image: url(""))) {
  :is(.pillars > article, #services .cards > article, #professionals .audience > article,
      .professional-roles > article, .journey-grid > article)::before {
    content: "";
    display: block;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    margin: 0 0 18px;
    background-color: var(--red);
    -webkit-mask: var(--pd-icon) center / contain no-repeat;
    mask: var(--pd-icon) center / contain no-repeat;
  }
  .pillars > article::before { width: 32px; height: 32px; margin-bottom: 14px; }
  .pillars > article:nth-child(1) { --pd-icon: url("svg-library/user-doctor-hair-light-full.svg"); }
  .pillars > article:nth-child(2) { --pd-icon: url("svg-library/file-medical-light-full.svg"); }
  .pillars > article:nth-child(3) { --pd-icon: url("svg-library/id-card-clip-light-full.svg"); }
  .pillars > article:nth-child(4) { --pd-icon: url("svg-library/shield-check-light-full.svg"); }
  #services .cards > article:nth-child(1) { --pd-icon: url("svg-library/stethoscope-light-full.svg"); }
  #services .cards > article:nth-child(2) { --pd-icon: url("svg-library/clipboard-medical-light-full.svg"); }
  #services .cards > article:nth-child(3) { --pd-icon: url("svg-library/shield-check-light-full.svg"); }
  #services .cards > article:nth-child(4) { --pd-icon: url("svg-library/user-nurse-light-full.svg"); }
  #services .cards > article:nth-child(5) { --pd-icon: url("svg-library/briefcase-medical-light-full.svg"); }
  #services .cards > article:nth-child(6) { --pd-icon: url("svg-library/chart-line-light-full.svg"); }
  #professionals .audience > article:nth-child(1) { --pd-icon: url("svg-library/house-medical-light-full.svg"); }
  #professionals .audience > article:nth-child(2) { --pd-icon: url("svg-library/users-medical-light-full.svg"); }
  #professionals .audience > article:nth-child(3) { --pd-icon: url("svg-library/building-columns-light-full.svg"); }
  .professional-roles > #physicians { --pd-icon: url("svg-library/user-doctor-hair-light-full.svg"); }
  .professional-roles > #nurse-practitioners { --pd-icon: url("svg-library/stethoscope-light-full.svg"); }
  .professional-roles > #physician-assistants { --pd-icon: url("svg-library/clipboard-medical-light-full.svg"); }
  .professional-roles > #registered-nurses { --pd-icon: url("svg-library/user-nurse-light-full.svg"); }
  .journey-grid > article:nth-child(1) { --pd-icon: url("svg-library/map-location-light-full.svg"); }
  .journey-grid > article:nth-child(2) { --pd-icon: url("svg-library/building-shield-light-full.svg"); }
  .journey-grid > article::before { margin-bottom: 20px; }

  /* Small utility accents inherit the surrounding text color. */
  .topline a[href^="tel:"]::before,
  .tx-footer-contact > div > span::before,
  .contact-page .form-panel h2::before,
  .guide-related > .eyebrow::before {
    content: "";
    display: inline-block;
    width: 1.15em;
    height: 1.15em;
    margin-right: .55em;
    vertical-align: -.15em;
    background-color: currentColor;
    -webkit-mask: var(--pd-icon) center / contain no-repeat;
    mask: var(--pd-icon) center / contain no-repeat;
  }
  .topline a[href^="tel:"], .tx-footer-contact > div:has(a[href^="tel:"]) {
    --pd-icon: url("svg-library/phone-light-full.svg");
  }
  .tx-footer-contact > div:has(a[href^="mailto:"]) {
    --pd-icon: url("svg-library/envelope-light-full.svg");
  }
  .contact-page .form-panel h2 { --pd-icon: url("svg-library/clipboard-medical-light-full.svg"); }
  .contact-page .form-panel h2::before { width: 25px; height: 25px; }
  .guide-related > .eyebrow { --pd-icon: url("svg-library/book-medical-light-full.svg"); }
  @media (max-width: 760px) {
    :is(#services .cards > article, #professionals .audience > article,
        .professional-roles > article, .journey-grid > article)::before {
      width: 32px; height: 32px; margin-bottom: 14px;
    }
  }
}