/* Shared, restrained contact shadows. Keep artwork and skin materials intact. */
html[data-skin] .skin-card::before{
 filter:drop-shadow(0 2px 2px #0006) drop-shadow(0 5px 5px #0003);
}
html[data-skin] .skin-card.active::before{
 filter:drop-shadow(0 2px 2px #0006) drop-shadow(0 5px 5px #0003) drop-shadow(0 0 3px color-mix(in srgb,var(--accent) 45%,transparent));
}
html[data-skin] .claim{filter:drop-shadow(0 3px 3px #0006) drop-shadow(0 6px 6px #0003)}
html[data-skin] .claim:hover{filter:brightness(1.1) drop-shadow(0 3px 3px #0006) drop-shadow(0 6px 6px #0003)}
html[data-skin] .metal-box,
html[data-skin] .art-card,
html[data-skin] .small-banner,
html[data-skin] .latest .recent{filter:drop-shadow(0 3px 4px #0004)}
html[data-skin] .main-tabs,
html[data-skin] .ornament{position:relative;z-index:1;filter:drop-shadow(0 2px 3px #0005)}
html[data-skin] .bottom-nav::before,
html[data-skin] .bottom-nav .main-contact::before{filter:drop-shadow(0 2px 3px #0006)}
html[data-skin] .bottom-nav .main-contact:hover::before{filter:brightness(1.1) drop-shadow(0 2px 3px #0006)}
/* Allow a little room for shadows within horizontally scrolling shelves. */
.rail{padding-top:4px;padding-bottom:12px;margin-top:-4px}