/* Mobile r35: one scroll area and a submit button that stays in document flow. */
@media (max-width:700px) {
  .project-contact[data-slot="dialog-content"] {
    display:flex!important;
    flex-direction:column;
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    min-height:0;
    overflow:hidden;
    box-sizing:border-box;
  }
  .project-contact .project-contact-top {
    flex:0 0 auto;
    min-height:56px;
    padding:10px 18px;
  }
  .project-contact .project-contact-body {
    flex:1 1 auto;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    align-content:start;
    min-height:0;
    max-height:none;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    scroll-padding-block:16px 28px;
    -webkit-overflow-scrolling:touch;
  }
  .project-contact .project-contact-work {
    min-width:0;
    padding:20px 18px max(24px,calc(env(safe-area-inset-bottom) + 12px));
  }
  .project-contact .project-contact-editor,
  .project-contact .project-contact-review {
    min-width:0;
  }
  .project-contact .project-contact-fields {
    grid-template-columns:minmax(0,1fr);
  }
  .project-contact .project-contact-editor > .project-contact-primary {
    position:static!important;
    inset:auto!important;
    z-index:auto;
    width:100%;
    max-width:100%;
    min-height:48px;
    margin:20px 0 0!important;
    transform:none;
    box-sizing:border-box;
    box-shadow:inset 0 -2px 0 #c99a5566,0 6px 14px #102b431a;
  }
  .project-contact .project-contact-editor > .project-contact-primary:hover {
    box-shadow:inset 0 -2px 0 #c99a55aa,0 6px 14px #102b4320;
  }
  .project-contact .project-contact-fields input,
  .project-contact textarea {
    font-size:16px;
    scroll-margin-block:18px;
  }
  .project-contact[dir="rtl"] .project-contact-fields input,
  .project-contact[dir="rtl"] textarea {
    font-size:20px;
  }
  .project-contact .project-contact-context > .project-contact-feedback:empty {
    display:none;
  }

  /* Keep privacy guidance present while bringing the first field into view. */
  .project-contact[data-contact-purpose="privacy"] .project-contact-context {
    padding:16px 18px 14px;
  }
  .project-contact[data-contact-purpose="privacy"] .project-contact-context > .eyebrow {
    margin:0 0 7px;
    font-size:10px;
    line-height:1.4;
  }
  .project-contact[data-contact-purpose="privacy"] .project-contact-context h2 {
    display:flex;
    flex-wrap:wrap;
    column-gap:.24em;
    margin:0;
    font-size:clamp(25px,7vw,30px)!important;
    line-height:1.22!important;
  }
  .project-contact[data-contact-purpose="privacy"] .project-contact-context h2 br {
    display:none;
  }
  .project-contact[data-contact-purpose="privacy"] .project-contact-context [data-slot="dialog-description"] {
    margin:10px 0 0;
    font-size:14px;
    line-height:1.55;
  }
  .project-contact[data-contact-purpose="privacy"] .project-contact-scope {
    margin:10px 0 0;
    padding-top:10px;
    font-size:12px;
    line-height:1.55;
  }
  .project-contact[data-contact-purpose="privacy"] .project-contact-address {
    margin-top:11px;
    gap:8px 16px;
    align-items:center;
  }
  .project-contact[data-contact-purpose="privacy"] .project-contact-address > a {
    font-size:15px;
    line-height:1.5;
  }
  .project-contact[data-contact-purpose="privacy"] .project-contact-address button {
    font-size:12px;
    min-height:30px;
  }
  .project-contact[data-contact-purpose="privacy"] .project-contact-steps {
    gap:12px 20px;
    margin-bottom:16px;
  }
  .project-contact[data-contact-purpose="privacy"][dir="rtl"] .project-contact-context > .eyebrow {
    font-size:14px;
  }
  .project-contact[data-contact-purpose="privacy"][dir="rtl"] .project-contact-context [data-slot="dialog-description"] {
    font-size:18px;
    line-height:1.5;
  }
  .project-contact[data-contact-purpose="privacy"][dir="rtl"] .project-contact-scope {
    font-size:16px;
    line-height:1.5;
  }
  .project-contact[data-contact-purpose="privacy"][dir="rtl"] .project-contact-address button {
    font-size:16px;
  }
}
@media (max-width:360px) {
  .project-contact[data-contact-purpose="privacy"][dir="rtl"] .project-contact-steps {
    flex-wrap:nowrap;
    justify-content:space-between;
    gap:8px;
    font-size:16px;
    line-height:1.4;
  }
  .project-contact[data-contact-purpose="privacy"][dir="rtl"] .project-contact-steps li {
    gap:6px;
    white-space:nowrap;
  }
  .project-contact[data-contact-purpose="privacy"][dir="rtl"] .project-contact-steps li > span {
    flex:none;
    width:21px;
    height:21px;
    font-size:11px;
  }
}
@media (max-width:700px) and (max-height:600px) {
  .project-contact[data-contact-purpose="privacy"] .project-contact-context {
    padding-block:12px 10px;
  }
  .project-contact[data-contact-purpose="privacy"] .project-contact-context > .eyebrow {
    margin-bottom:5px;
  }
  .project-contact[data-contact-purpose="privacy"] .project-contact-context [data-slot="dialog-description"] {
    margin-top:8px;
  }
  .project-contact[data-contact-purpose="privacy"] .project-contact-scope {
    margin-top:8px;
    padding-top:8px;
  }
  .project-contact[data-contact-purpose="privacy"] .project-contact-address {
    margin-top:8px;
  }
  .project-contact[data-contact-purpose="privacy"] .project-contact-work {
    padding-top:16px;
  }
  .project-contact[data-contact-purpose="privacy"] .project-contact-steps {
    margin-bottom:12px;
  }
  .project-contact[data-contact-purpose="privacy"][dir="rtl"] .project-contact-context [data-slot="dialog-description"] {
    font-size:16px;
    line-height:1.45;
  }
  .project-contact[data-contact-purpose="privacy"][dir="rtl"] .project-contact-scope {
    font-size:14px;
    line-height:1.45;
  }
}
@media (max-width:360px) {
  .project-contact[data-contact-purpose="privacy"] .project-contact-work {
    padding-inline:14px;
  }
  .project-contact[data-contact-purpose="privacy"][dir="rtl"] .project-contact-steps {
    gap:2px;
  }
  .project-contact[data-contact-purpose="privacy"][dir="rtl"] .project-contact-steps li {
    gap:4px;
  }
  .project-contact[data-contact-purpose="privacy"][dir="rtl"] .project-contact-steps li > span {
    width:20px;
    height:20px;
  }
}