@media (max-width: 700px) {
  /*
   * iPhone WebKit repeatedly composites blurred fixed layers while its software
   * keyboard, caret, and modal scrollers animate.  Ward Central uses opaque
   * mobile surfaces already, so preserve those surfaces without GPU-heavy blur.
   */
  .topbar,
  .bottom-nav,
  [style*="backdrop-filter"] {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .topbar { background: rgb(245 245 247 / 0.98); }
  .bottom-nav { background: rgb(255 255 255 / 0.99); }

  dialog::backdrop {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  /*
   * Do not use an active-editor universal selector here. On Ward Central's
   * large document, matching every descendant forces WebKit to revisit the
   * full style tree while the software keyboard and caret repaint.
   */
}