/* Keep the labeled desktop accessibility control clear of left-side CTAs. */
@media (min-width: 701px) {
  .wr-a11y[data-wr-a11y-root] {
    left: auto;
    right: max(16px, env(safe-area-inset-right));
    bottom: calc(120px + env(safe-area-inset-bottom));
  }
}
/* Reserve a real slot in the existing quick-contact bar, rather than floating
   over reading content. Its breakpoint is 700px, including the 601–700px gap. */
@media (max-width: 700px) {
  .mobile-action-bar {
    padding-left: calc(72px + env(safe-area-inset-left));
    grid-template-columns: minmax(60px, .65fr) minmax(0, 1.35fr);
  }
  .wr-a11y[data-wr-a11y-root] {
    left: calc(12px + env(safe-area-inset-left));
    right: auto;
    bottom: calc(8px + env(safe-area-inset-bottom));
  }
  .wr-a11y[data-wr-a11y-root] .wr-a11y-trigger {
    width: 48px;
    min-width: 48px;
    height: 48px;
    min-height: 48px;
    padding: 0;
    justify-content: center;
    border-radius: 50%;
  }
  .wr-a11y[data-wr-a11y-root] .wr-a11y-trigger-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  /* The widget's text preference zooms the contact bar, but not body padding. */
  html[data-wr-text-size="1"] body,
  html[data-wr-text-size="2"] body {
    padding-bottom: calc(88px + env(safe-area-inset-bottom));
  }
}