@media (max-width: 650px) {
  html, body { overflow-x: hidden; }
  html { scroll-padding-top: 78px; }
  body { font-size: 16px; }

  .main > header {
    position: sticky;
    top: 0;
    z-index: 18;
    height: 72px;
    margin-inline: -12px;
    padding-inline: 12px;
    background: rgba(246, 247, 244, .96);
    border-bottom: 1px solid var(--line);
    box-shadow: 0 8px 22px rgba(18, 61, 53, .06);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }

  .hasSuperadminBar .main > header { top: 38px; }
  .main > header h1 { font-size: 25px; line-height: 1.15; }
  .main > header small { font-size: 11px; }
  .pageSub, .pageBar p { font-size: 15px; line-height: 1.55; }
  .panel header h2, .integrationCard h2 { font-size: 18px; }
  .panel header p, .integrationCard p { font-size: 14px; line-height: 1.5; }
  .metrics small { font-size: 13px; }
  .metrics b { font-size: 20px; }
  .metrics em { font-size: 12px; }
  .attentionItem b, .attentionItem small { font-size: 14px; }
  .attentionItem em, .integrationCard small { font-size: 12px; }
  .tableHead { font-size: 11px; }
  .tableRow { font-size: 14px; }
  .tableRow b { font-size: 15px; }
  .tableRow small { font-size: 12px; }
  .tableEmpty { font-size: 15px; }
  .stage > header, .stage article b, .stage article p, .stage article span { font-size: 14px; }
  .primaryAction, .inlineCreate, .addDeal, .integrationCard button,
  .shareDoc, .payDoc, .save, .secondaryButton { font-size: 14px; }
  .formGrid label, .loginForm label, .shareEmailLabel { font-size: 14px; }
  .privacyNote, .fileDrop span, .warning, .taxNote, .error, .status { font-size: 13px; }
  .fileDrop, .scanStatus, .lineHeading, .taxLine, .controlItem { font-size: 14px; }
  .dialogTitle h2 { font-size: 22px; }
  .mobileNav button { font-size: 11px; }

  input, select, textarea,
  .formGrid input, .formGrid select, .itemRow input,
  .loginForm input, .globalSearchInput {
    font-size: 16px !important;
    line-height: 1.35;
  }

  input, select, textarea { min-height: 44px; }
  textarea { min-height: 88px; }
  .itemRow input { min-height: 44px; padding: 9px 7px; }
  .workspace > aside { position: fixed; top: 0; bottom: 0; }
  .hasSuperadminBar .workspace > aside { top: 38px; bottom: 0; }
}