/* Prime Creation cross-browser repair v1.
   Keeps form focus, dynamic viewports, and narrow reflow stable without
   disabling user zoom. */

select {
  font:inherit;
}

.contact,
.contact > div,
.contact form,
.contact label,
.contact input,
.contact textarea,
.contact select {
  min-width:0;
  max-width:100%;
}

.contact input,
.contact textarea,
.contact select {
  font-size:1rem;
}

body.prime-v2.focus-mode > main#main > :is(#top,[data-focus-panel],.app-window):not([hidden]),
body.prime-v2.focus-mode > #main > :is(#top,[data-focus-panel],.app-window):not([hidden]) {
  scroll-padding-block-start:1rem;
  scroll-padding-block-end:calc(var(--prime-org-keyboard-inset,0px) + 1rem);
}

:is(input,textarea,select,[contenteditable="true"]):focus {
  scroll-margin-block:1rem calc(var(--prime-org-keyboard-inset,0px) + 1rem);
}

@media (max-width:699px), (pointer:coarse) {
  input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]),
  textarea,
  select {
    font-size:16px!important;
  }

  .contact {
    overflow-x:hidden!important;
  }

  .contact form {
    width:100%;
    padding:clamp(1rem,4vw,1.35rem);
  }
}

@media (max-width:320px) {
  .contact,
  .contact form {
    width:100%;
    max-width:100%;
  }
}