.support-photos { padding: 1rem; border: 1px solid #ccd8d5; border-radius: 12px; }
.support-photos label { display: grid; gap: .5rem; }
.support-photos input { max-width: 100%; min-height: 44px; }
.support-photos p { margin: .5rem 0 0; color: #45615f; font-size: .875rem; line-height: 1.5; }
.support-photos p[data-tone="error"] { color: #8a3e43; font-weight: 600; }
.support-photo-list { display: flex; gap: .75rem; flex-wrap: wrap; list-style: none; padding: 0; margin: .75rem 0 0; }
.support-photo-list:empty { display: none; }
.support-photo-list li { display: grid; gap: .3rem; }
.support-photo-list img { width: 100px; height: 100px; object-fit: cover; border-radius: 8px; }
.support-photo-list button { min-height: 44px; max-width: 140px; padding: .4rem; border: 1px solid #b6c9c5; border-radius: 8px; background: #fff; color: #143f42; font: inherit; font-size: .875rem; cursor: pointer; }
.support-photo-list button:focus-visible { outline: 3px solid #49304f; outline-offset: 2px; }
/* Allow the Contact form to reflow when customers enlarge browser text. */
body[data-page="contact"] .request-layout > *,
body[data-page="contact"] .request-form-card label { min-width: 0; }
body[data-page="contact"] .request-form-card,
body[data-page="contact"] .request-side-card { overflow-wrap: anywhere; }
body[data-page="contact"] .request-form-submit .button { max-width: 100%; white-space: normal; }
.support-photos input { width: 100%; min-width: 0; }
@media (max-width: 900px) {
  body[data-page="contact"] .request-layout { grid-template-columns: minmax(0, 1fr); }
}