:root {
  --muted-foreground: 0 0% 38%;
}

.shoji-faq-page-hero .shoji-faq-eyebrow,
.shoji-faq-side .shoji-faq-eyebrow,
.shoji-faq-side a,
[class*="bg-foreground"] .text-cta {
  color: hsl(var(--primary));
}

@media (max-width: 900px) {
  header button[aria-label="Open menu"],
  header button,
  button.lg\:hidden,
  a.hidden.sm\:block,
  a.inline-block.px-6,
  a.inline-flex.items-center,
  .shoji-faq-page-logo,
  .shoji-faq-page-footer a,
  #contact a[href^="tel:"],
  #contact a[href^="mailto:"],
  footer.bg-foreground a,
  main a.inline-block,
  main a.inline-flex.items-center,
  .shoji-service-side-list a,
  .shoji-display-card a {
    min-height: 2.75rem;
  }

  header button[aria-label="Open menu"],
  header button,
  button.lg\:hidden,
  footer.bg-foreground a,
  .shoji-faq-page-logo {
    min-width: 2.75rem;
  }

  header button[aria-label="Open menu"],
  header button,
  button.lg\:hidden,
  a.inline-block.px-6,
  a.hidden.sm\:block,
  a.inline-flex.items-center,
  .shoji-faq-page-logo,
  .shoji-faq-page-footer a,
  #contact a[href^="tel:"],
  #contact a[href^="mailto:"],
  footer.bg-foreground a,
  main a.inline-block,
  main a.inline-flex.items-center,
  .shoji-service-side-list a,
  .shoji-display-card a {
    display: inline-flex;
    align-items: center;
  }

  header button[aria-label="Open menu"] {
    justify-content: center;
  }

  .shoji-faq-page-footer a,
  .shoji-service-side-list a,
  .shoji-display-card a {
    width: 100%;
  }
}