@layer components {
  /* The placeholder until the first open, the mounted content after — folding,
     not unmounting, so Lexxy never measures itself hidden (reveal_controller).

     Nothing here is about to-dos, which is why it is not in todo-form.css: the
     next surface that wants a fold gets it by naming the class. */
  .reveal[data-open] > .reveal__placeholder {
    display: none;
  }

  .reveal:not([data-open]) > .reveal__content {
    display: none;
  }
}