@layer components {
  /* ——— The schedule form's day chips ———
     Mon–Sun as badges wrapping a real checkbox or radio: the control stays a
     control, and badges.css says both how a chip like that is chosen and
     that it is a pointer target. The row lives inside its rhythm's
     .choice and reveals with :has() alone: no controller, and without
     JavaScript nothing is hidden that the server would not accept. */
  .day-picker {
    display: none;
    gap: calc(var(--inline-space) * 0.6);
    margin-block-start: var(--block-space-half);
  }

  .choice:has(.radio:checked) .day-picker {
    display: flex;
  }
}