/* The count is the impression left on an accession sheet. */
.catalog-seal { position:relative; display:inline-grid; flex:none; margin-inline:14px; }
.catalog-seal .catalog-count {
  display:block; text-align:center; border:3px double currentColor; border-radius:50%;
  padding:8px 12px 7px; color:color-mix(in srgb, var(--ink) 72%, #955741);
  transform:rotate(-5deg);
}
.catalog-stamp {
  position:absolute; z-index:1; inset:0 -3px -1px; pointer-events:none; opacity:0;
  border-radius:50%; background:linear-gradient(95deg,#584134,#986e51 45%,#5b4236);
  border:1px solid #513d31; box-shadow:inset 0 -4px 0 #42352c, 1px 2px 4px #28201844;
}
.catalog-stamp::before {
  content:''; position:absolute; left:32%; right:32%; top:-52%; height:87%; border-radius:49% 48% 36% 36%;
  background:radial-gradient(ellipse at 36% 19%,#a7805c,#6c4934 57%,#453426);
  box-shadow:1px 3px 3px #3f2b2444;
}
.work-interleaf {
  position:absolute; inset:-5% -6% -6% -3%; pointer-events:none; transform-origin:88% 8%; opacity:0;
  background-color:#ddceae;
  background-image:linear-gradient(134deg, #fffae59c 8%, #e9dfc4c7 48%, #fff8dc94 60%, #c1ad86a6 68%, #f5edd992 70%), var(--paper-fibres);
  background-size:auto, var(--paper-repeat); box-shadow:-4px 8px 20px #342c2133;
}
.dark .work-interleaf {background-color:#716754; background-blend-mode:soft-light,multiply;}
@media (max-width:600px) {
  .catalog-room .catalog-toolbar {flex-wrap:wrap; gap:8px 14px;}
  .catalog-room .catalog-seal {margin:0 6px 5px auto;}
}