/* Independent-agent additions only; the existing quiz layout stays intact. */
.cma-profile-editor { min-width: 0; }
.cma-photo-editor { display: flex; align-items: center; gap: 22px; margin: 22px 0; }
.cma-photo-editor > div:last-child { min-width: 0; flex: 1; }
.cma-photo-editor label { display: block; font-weight: 700; margin-bottom: 10px; }
.cma-photo-editor input { max-width: 100%; padding: 12px; font-size: 14px; }
.cma-photo-editor small { display: block; color: #756c64; line-height: 1.5; margin: 8px 0; }
#cmaPhotoPreview { flex: 0 0 96px; height: 104px; border-radius: 18px; overflow: hidden; background: #ffeadb; display: grid; place-items: center; color: #ca4b00; font-size: 34px; }
#cmaPhotoPreview img { width: 100%; height: 100%; object-fit: contain; }
.cma-profile-note { padding: 20px; border-radius: 18px; background: #fff1e5; color: #65594f; font-size: 15px; line-height: 1.65; }
.cma-profile-note strong { color: #c74b00; }
.cma-courtesy strong { color: #ffad72; }
.cma-independent-banner h4 { overflow-wrap: anywhere; }
.cma-independent-banner small { display: block; font-size: 12px; line-height: 1.5; margin-top: 6px; }
.cma-independent-banner > img { object-fit: contain; background: #fff8f2; }
.cma-courtesy { min-width: 0; max-width: 240px; }
@media (max-width: 600px) {
  .cma-photo-editor { align-items: flex-start; gap: 14px; }
  #cmaPhotoPreview { flex-basis: 68px; height: 76px; }
  .cma-courtesy { grid-column: 1 / -1; max-width: none; }
}