.edit-page { width: min(900px, 92%); margin: 50px auto; }
.edit-page > section h1 { font: 600 46px var(--serif); margin: 0; }
.edit-page em { color: #91504d; }
.edit-card { margin-top: 25px; background: #fff; padding: 32px; border: 1px solid #e4e0d8; }
.edit-photo { display: flex; gap: 20px; align-items: center; padding-bottom: 24px; border-bottom: 1px solid #ece8e1; }
.edit-photo img { width: 88px; height: 88px; object-fit: cover; border-radius: 25px 25px 25px 4px; background: #eee; }
.edit-photo label { font-size: 12px; color: #6a766f; }
.edit-photo input { display: block; margin-top: 8px; }

.edit-review-notice { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 25px; padding: 24px 25px; border: 1px solid #e6c9c5; background: #fff7f5; }
.edit-review-notice .eyebrow { margin: 0 0 6px; color: #91504d; }
.edit-review-notice h2 { margin: 0; font: 600 25px/1.15 var(--serif); color: var(--ink); }
.edit-review-notice p:last-child { max-width: 620px; margin: 8px 0 0; color: #5f6864; line-height: 1.55; }
.review-notice-link,
.edit-review-link { color: #7b3f3c; font-size: 14px; font-weight: 700; white-space: nowrap; }
.edit-review-link { display: inline-block; margin: 14px 0 0 16px; }
.edit-card .button:disabled { cursor: wait; opacity: .7; }

@media (max-width: 600px) {
  .edit-page { margin-top: 38px; }
  .edit-page > section h1 { font-size: 38px; }
  .edit-card { padding: 22px; }
  .edit-review-notice { align-items: flex-start; flex-direction: column; gap: 16px; padding: 21px; }
  .review-notice-link { white-space: normal; }
  .edit-review-link { display: block; margin-left: 0; }
}