/*
 * Small mobile corrections for the independently exported Tilda pages.
 * The export's page-specific styles remain the source of truth elsewhere.
 */
@media screen and (max-width: 479px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  /*
   * The jobs page contains a third-party form in a Tilda HTML block. Keep the
   * exported block inside the viewport even when the embed reports a desktop
   * minimum width.
   */
  #rec1584562121,
  #rec1584562121 .t396__artboard,
  #rec1584562121 .tn-elem[data-elem-id="1763582052955"],
  #rec1584562121 .tn-atom__html {
    max-width: 100vw;
    overflow-x: hidden;
  }

  #rec1584562121 .tn-elem[data-elem-id="1763582052955"] {
    left: 0 !important;
    width: 100% !important;
  }

  #rec1584562121 iframe.airtable-embed {
    display: block;
    width: 139% !important;
    max-width: none;
    height: 139% !important;
    transform: scale(0.72);
    transform-origin: top left;
  }

}