@layer components {
  /* The Bin's page: as wide as a binder's. */
  .paper.bin-paper { width: min(1070px, calc(100vw - 32px)); justify-self: center; }

  /* Binned binders by their spines and folders as folders, each with Take it out under it; not
     links, so they stay still. */
  .bin-things { display: flex; flex-wrap: wrap; gap: 1.4rem 1.2rem; align-items: start; }
  .bin-thing { display: grid; gap: 0.55rem; justify-items: start; }
  .bin-thing .binder-thing, .bin-thing .folder { cursor: default; }
  .bin-thing .binder-thing:hover .binder-spine, .bin-thing .folder:hover { transform: none; }
  .bin-thing .binder-thing { --spine-h: 7rem; }
  .bin-thing form, .bin-dropped form { display: inline; }

  /* Binned papers as small pages dropped in, each a little askew. */
  .spread.bin-spread { grid-template-columns: repeat(auto-fill, minmax(124px, 1fr)); gap: 2rem 1.6rem; }
  .bin-dropped { display: grid; gap: 0.5rem; justify-items: start; min-width: 0; }
  /* Where it came from and the day it goes: both kept, so the line may run to two. */
  .bin-thing .thing-detail, .bin-dropped .thing-detail { white-space: normal; }
  .bin-dropped .mini-page { width: 100%; transform: rotate(var(--tilt, 0deg)); transform-origin: 50% 80%; }
  .bin-about { display: grid; gap: 0.1rem; min-width: 0; width: 100%; }
  .bin-name { font-weight: 700; font-size: 0.82rem; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .bin-about .bin-when { color: var(--ink-soft); font-size: 0.72rem; }

  /* Cards put in on their own, in their shapes as the margin draws them, still and not to write in. */
  .bin-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); gap: 1.6rem 1.4rem; align-items: start; }
  .bin-card { display: grid; gap: 0.5rem; justify-items: start; min-width: 0; }
  .bin-card .card { cursor: default; width: 100%; }
  .bin-card form { display: inline; }
  .bin-card .todo-ring.is-still { display: block; cursor: default; }
  .bin-card .thing-detail { white-space: normal; }

}