/* Keep the chore editor centred on its name, person and schedule. */
.chore-editor { width: min(100% - 2rem, 38rem); }
.chore-editor form { display: grid; gap: 1.25rem; }
.chore-editor form > h2 { display: none; }
.chore-editor form > label { margin: 0; }
.chore-editor-options { border-block: 1px solid var(--border, #9baba0); padding-block: 1rem; }
.chore-editor-options summary { cursor: pointer; min-height: 2.75rem; display: list-item; align-content: center; font-weight: 600; }
.chore-editor-options[open] > label { display: block; margin-top: 1.25rem; }
.chore-editor-options[open] > label.choice { display: flex; }
.chore-editor-options > [hidden] { display: none !important; }
.chore-editor form > button[type="submit"] { width: 100%; margin: .25rem 0; }
.chore-editor > button { background: transparent; color: inherit; }
.chore-editor > button:last-of-type:not(:first-child) { margin-top: 1.5rem; }
.plans { margin-block-start: 1.5rem; }
.plans ul { list-style: none; padding: 0; display: grid; gap: .5rem; }
.plans li { display: flex; align-items: center; justify-content: space-between; gap: .75rem; min-height: 48px; }
.plans-note { margin-block-start: 1rem; }
.plan-form fieldset[hidden] { display: none; }