@layer components {
  /* ——— Done, folded ———
     A list's completed rows behind one quiet row (todos/_completed): the
     summary is a .todo in faint ink, so it stands in the list's own rhythm,
     and the chevron takes the circle's seat. Which words show is the fold's
     own (accordions.css). */
  .todos-done__summary .icon {
    --icon-size: var(--check-size);
  }
}