/* 06-components/_checklist.css — .c-checklist: the steps ticked at sign-off, one row per step.
   Follows c-toggle-row: a rule between rows, the control at the start, the text filling the row.
   Rows read --height-row so touch sizing needs no rule of its own; the label is the whole row.
   .c-checklist__incomplete is the read-only echo on the activity sheet and in the history:
   the steps a completion left unticked, each with an empty box drawn before it. */
.c-checklist { margin: 0; padding: 0; list-style: none; border-top: var(--stroke) solid var(--rule); }
.c-checklist__row { display: flex; align-items: center; gap: var(--space-sm); min-height: var(--height-row); border-bottom: var(--stroke) solid var(--rule); }
.c-checklist__row input { flex: none; width: 1.25rem; height: 1.25rem; margin: 0; }
.c-checklist__text { flex: 1; display: flex; align-items: center; min-height: var(--height-row); padding-block: var(--space-2xs); cursor: pointer; }
.c-checklist__row:has(input:checked) .c-checklist__text { color: var(--ink-muted); }
.c-checklist__incomplete { margin-top: var(--space-2xs); font-size: var(--text-sm); color: var(--ink-muted); }
.c-checklist__incomplete ul { margin: var(--space-2xs) 0 0; padding: 0; list-style: none; }
.c-checklist__incomplete li { display: flex; align-items: flex-start; gap: var(--space-xs); }
.c-checklist__incomplete li::before { content: ""; flex: none; width: 0.75rem; height: 0.75rem; margin-top: 0.25em; border: var(--stroke) solid var(--rule-strong); border-radius: 2px; }