/* Keep the original desktop layout; make the inherited mobile header usable. */
@media screen and (max-width: 767px) {
  body.tweak-mobile-bar-top-fixed { margin-top: 82px !important; }
  .Mobile-bar--top { background: #fff; color: #111; }
  .Mobile-bar--top .Mobile-bar-branding-logo { filter: invert(1); max-width: 125px; max-height: 50px; width: auto; height: auto; }
  .Mobile-bar--top .Mobile-bar-menu,
  .Mobile-bar--top .Mobile-bar-search { color: #111; }
  .Mobile-bar--top .Mobile-bar-menu svg { stroke: currentColor; fill: currentColor; }
  .sqs-block-html h1, .sqs-block-html h2, .sqs-block-html h3 { overflow-wrap: anywhere; }
  .sqs-block-button .sqs-block-button-element { box-sizing: border-box; max-width: 100%; white-space: normal; }
  .sqs-block-form input, .sqs-block-form textarea, .sqs-block-form select { max-width: 100%; box-sizing: border-box; }
  .sqs-slide-wrapper .sqs-slice-heading-content { max-width: 100%; overflow-wrap: anywhere; }
  .sqs-slide-wrapper h1 { font-size: clamp(2rem, 10vw, 3.2rem) !important; line-height: 1.2 !important; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
  .sqs-slide-wrapper [data-compound-type="logo"] { height: auto !important; max-width: 100%; margin: 0 auto 24px; }
  .sqs-slide-wrapper [data-compound-type="logo"] img { position: static !important; display: block; margin: 0 auto; max-width: min(70vw,240px) !important; max-height: 140px; width: auto !important; height: auto !important; filter: invert(1); }
  .sqs-slide-wrapper .sqs-slice h1, .sqs-slide-wrapper .sqs-slice p,
  .sqs-slide-wrapper .open-form-button { color: #111 !important; border-color: #111 !important; }
}