/* Chore form content owns scrolling; canonical_editors.css owns action-dock geometry. */
@media (min-width: 761px) {
  .page-shell--chores.is-editing-chore .chore-edit-panel,
  .page-shell--chores.is-creating-chore .chore-create-page {
    overflow: hidden;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0;
    padding: 1.25rem 1.35rem;
  }

  .page-shell--chores .chore-sheet__body {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    padding-right: 0.25rem;
  }

  .page-shell--chores .chore-form__identity-fields {
    grid-template-columns: 4.8rem minmax(0, 1fr);
  }
}

/* Final Chore footer cascade guard: one aligned Delete/Save row on web and phone. */
.page-shell--chores.is-editing-chore .chore-form--edit > .form-actions--with-delete {
  display: grid;
  grid-template-columns: 3.35rem minmax(0, 1fr);
  align-items: stretch;
  gap: 0.8rem;
}

.page-shell--chores.is-editing-chore .chore-form--edit > .form-actions--with-delete .chore-delete-icon-button,
.page-shell--chores.is-editing-chore .chore-form--edit > .form-actions--with-delete .app-button--primary {
  width: 100%;
  min-width: 0;
  height: 3.35rem;
  min-height: 3.35rem;
  margin: 0;
  align-self: stretch;
}