/* Collectanea V4.0.5 · Museum: true physical proportions + tighter hanging */

/* Wall objects are laid out as a close, curated hanging. Width is driven by the actual
   rendered object width, not by equal database-card columns. Wide works may occupy their
   own row; they are never squashed to fit a card. */
#museumRoom .ct405-wall-flow{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-end!important;
  justify-content:center!important;
  align-content:flex-start!important;
  gap:24px 16px!important;
  padding:12px 6px 20px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
}
#museumRoom .ct405-wall-flow .ct405-museum-unit{
  flex:0 0 auto!important;
  width:max-content!important;
  max-width:none!important;
  min-width:0!important;
  min-height:calc(var(--obj-h) + 48px)!important;
  padding:34px 0 0!important;
}
#museumRoom .ct405-wall-flow .museum-object-v2{
  width:var(--obj-w)!important;
  height:var(--obj-h)!important;
  max-width:none!important;
  flex:none!important;
}
#museumRoom .ct405-wall-flow .ct403-object-light{
  width:calc(var(--obj-w) + 36px)!important;
  max-width:none!important;
  height:calc(var(--obj-h) + 62px)!important;
}

/* The plaque is subordinate to the object. It can NEVER be wider than the work above it. */
#museumRoom .ct405-museum-plaque{
  box-sizing:border-box!important;
  width:min(var(--obj-w),170px)!important;
  max-width:var(--obj-w)!important;
  min-width:0!important;
  min-height:0!important;
  margin:8px auto 0!important;
  padding:3px 5px!important;
  border-color:rgba(83,74,62,.22)!important;
  background:rgba(248,245,239,.88)!important;
  box-shadow:0 2px 4px rgba(31,26,21,.055)!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
#museumRoom .ct405-museum-plaque span{
  display:block!important;
  margin:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font:500 8px/1.2 system-ui,sans-serif!important;
  letter-spacing:.005em!important;
  color:#5f584f!important;
}
#museumRoom .ct405-museum-plaque strong,
#museumRoom .ct405-museum-plaque small{display:none!important}

/* Scrolls use the same px/cm scale as everything else. Their real panoramic ratio is kept. */
#museumRoom .kind-scroll .object-mat{
  padding:6px 12px!important;
  background:linear-gradient(180deg,#d7c19a,#b99a6a)!important;
  border-color:rgba(74,52,31,.38)!important;
  box-shadow:0 6px 10px rgba(32,27,21,.17),inset 0 0 0 1px rgba(255,248,225,.38)!important;
}
#museumRoom .kind-scroll .object-face{background-color:#d8c29d!important}
#museumRoom .kind-scroll .object-mat:before,
#museumRoom .kind-scroll .object-mat:after{
  content:"";position:absolute;top:-7px;bottom:-7px;width:8px;border-radius:5px;
  background:linear-gradient(90deg,#4c321e,#8b6038 48%,#3a2517);box-shadow:1px 2px 4px rgba(22,16,11,.24)
}
#museumRoom .kind-scroll .object-mat:before{left:2px}
#museumRoom .kind-scroll .object-mat:after{right:2px}

/* Manuscript bench stays centered and uses real physical widths too. */
#museumRoom .ct403-manuscript-bank{gap:18px!important}
#museumRoom .ct403-manuscript-bank .ct405-museum-unit{max-width:none!important;width:max-content!important}
#museumRoom .ct403-manuscript-bank .museum-object-v2{width:var(--obj-w)!important;height:var(--obj-h)!important;max-width:none!important}

@media(max-width:760px){
  #museumRoom .ct405-wall-flow{flex-wrap:nowrap!important;justify-content:flex-start!important;gap:18px!important;overflow-x:auto!important;padding:12px 18px 22px!important;scroll-snap-type:x proximity!important}
  #museumRoom .ct405-wall-flow .ct405-museum-unit{scroll-snap-align:center!important}
  #museumRoom .ct405-wall-flow .museum-object-v2{max-width:none!important}
  #museumRoom .ct405-museum-plaque{width:min(var(--obj-w),145px)!important;max-width:var(--obj-w)!important}
  #museumRoom .ct403-manuscript-bank .ct405-museum-unit{flex:0 0 auto!important;max-width:none!important}
}