/* Mobile navigation surfaces match the extension's 20% frosted glass. */
@media (max-width: 700px) {
  .review-page .review-submit-row,
  .profile-mobile-action,
  .site-header,
  .site-header .header-mobile-menu > nav,
  .site-header .header-mobile-menu > summary {
    background: #f4f6fa;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  @supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .site-header {
      background: transparent;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      border-color: rgba(255, 255, 255, .65);
      box-shadow: 0 8px 28px #17234014;
    }
    /* A separate surface lets the open menu blur the page behind it. */
    .site-header::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      pointer-events: none;
    }
    .review-page .review-submit-row,
    .profile-mobile-action,
    .site-header::before,
    .site-header .header-mobile-menu > nav,
    .site-header .header-mobile-menu > summary {
      background: rgba(244, 246, 250, .8);
      -webkit-backdrop-filter: blur(28px) saturate(130%);
      backdrop-filter: blur(28px) saturate(130%);
      border-color: rgba(255, 255, 255, .65);
      box-shadow: 0 8px 28px #17234014, inset 0 1px 0 #ffffffa6;
    }
  }
}
@media (max-width: 899px) {
  .business-page .company-mobile-header,
  .business-page .company-mobile-nav,
  .business-page .company-mobile-sheet {
    background: #f4f6fa;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  @supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .business-page .company-mobile-header,
    .business-page .company-mobile-nav,
    .business-page .company-mobile-sheet {
      background: rgba(244, 246, 250, .8);
      -webkit-backdrop-filter: blur(28px) saturate(130%);
      backdrop-filter: blur(28px) saturate(130%);
      border-color: rgba(255, 255, 255, .65);
      box-shadow: 0 8px 28px #17234026, inset 0 1px 0 #ffffffa6;
    }
  }
}
@media (max-width: 899px) and (prefers-reduced-transparency: reduce) {
  .site-header::before,
  .review-page .review-submit-row,
  .profile-mobile-action,
  .site-header,
  .site-header .header-mobile-menu > nav,
  .site-header .header-mobile-menu > summary,
  .business-page .company-mobile-header,
  .business-page .company-mobile-nav,
  .business-page .company-mobile-sheet {
    background: #f4f6fa;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
@media (max-width: 899px) and (forced-colors: active) {
  .site-header::before,
  .review-page .review-submit-row,
  .profile-mobile-action,
  .site-header,
  .site-header .header-mobile-menu > nav,
  .site-header .header-mobile-menu > summary,
  .business-page .company-mobile-header,
  .business-page .company-mobile-nav,
  .business-page .company-mobile-sheet {
    background: Canvas;
    color: CanvasText;
    border-color: CanvasText;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}