.page { padding-block: var(--space-7) var(--space-8); display: flex; flex-direction: column; gap: var(--space-6); }

.head { display: flex; flex-direction: column; gap: var(--space-2); }
.back { font-size: var(--text-base); text-decoration: none; font-weight: 600; font-family: var(--font-heading); }
.back:hover { text-decoration: underline; }
.title { font-size: var(--text-2xl); }
.when { color: var(--color-text-subtle); }

.form { display: flex; flex-direction: column; gap: var(--space-6); }

.section {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.sectionTitle { font-size: var(--text-md); }

.actions { display: flex; align-items: center; gap: var(--space-5); flex-wrap: wrap; }
.cancel { font-size: var(--text-base); color: var(--color-text-subtle); text-decoration: none; }
.cancel:hover { text-decoration: underline; }