@layer blocks {
  /* The create plus on a ghost row: offers to create what was typed, in the
     product and in the landing demo. A square [ frame ] the checkbox's size. */
  .task-create {
    --frame-ratio: 1;
    flex: none;
    inline-size: var(--form-control-toggle-size);
    border: var(--stroke-m) dashed var(--color-accent-strong);
    border-radius: var(--radius-s);
    color: var(--color-accent-strong);
    font-weight: var(--weight-bold);
    line-height: var(--leading-none);
  }
}