/* A softly lit wall and a low, diffuse reflection give the cards a shared space.
   No background motion or repeating texture competes with the photographs. */
.ssm-overview{background:radial-gradient(ellipse at 50% 48%,#4a382c24,transparent 72%),#211c18}
.ssm-overview .entry-carousel::before{inset:-4% -4% 0;background:radial-gradient(ellipse at 50% 38%,#e1c59b20,transparent 65%),radial-gradient(ellipse at 66% 70%,#b3bde112,transparent 62%),radial-gradient(ellipse at 50% 97%,#0d09064a,transparent 61%)}
.ssm-overview .entry-carousel::after{left:13%;right:13%;bottom:0;height:17%;background:radial-gradient(ellipse at 50% 25%,#b99c6911,transparent 59%),radial-gradient(ellipse at 50% 62%,#09060366,transparent 70%);transform:perspective(700px) rotateX(54deg)}
.ssm-overview .entry-carousel::before{-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 50%,#000 20%,transparent 75%)}
.entry-preview-thumb,.entry-preview-name{display:none}

/* Portrait neighbours are complete, readable miniature controls rather than
   cropped strips. Their arrow and destination belong to the same control. */
.ssm-overview.is-vertical-selection .entry-card{opacity:calc(.04 + var(--presence,1)*.96)}
.ssm-overview.is-vertical-selection .entry-depth-preview,
.ssm-overview.is-vertical-selection .entry-side-label{display:none}
.ssm-overview.is-vertical-selection .entry-prev,
.ssm-overview.is-vertical-selection .entry-next{width:min(560px,calc(var(--spatial-card-width)*.88));height:68px;min-height:68px;left:50%;right:auto;padding:5px 18px 5px 6px;display:grid;grid-template-columns:90px 1fr 20px;gap:18px;align-items:center;transform:translateX(-50%);border-radius:12px;border:1px solid #d9b77b36;background:linear-gradient(110deg,#30271fe8,#211b16f5);box-shadow:0 5px 14px #0805032e;text-align:left;color:#ecdbbf}
.ssm-overview.is-vertical-selection .entry-prev{top:8px;bottom:auto}
.ssm-overview.is-vertical-selection .entry-next{bottom:8px;top:auto}
.ssm-overview.is-vertical-selection .entry-arrow:hover{background:linear-gradient(110deg,#3c3024f0,#251e18f5);border-color:#d9b77b7d}
.ssm-overview.is-vertical-selection .entry-arrow:active{transform:translateX(-50%) scale(.98)}
.ssm-overview.is-vertical-selection .entry-preview-thumb{display:block;width:90px;height:56px;overflow:hidden;border-radius:7px;background:#17120e}
.entry-preview-thumb img{width:100%;height:100%;object-fit:contain}
.ssm-overview.is-vertical-selection .entry-preview-name{display:block;min-width:0;justify-self:start;font:22px/1.2 var(--serif);white-space:nowrap}
.ssm-overview.is-vertical-selection .entry-arrow svg{width:19px;height:19px;opacity:.9}
.ssm-overview.is-vertical-selection .entry-carousel::before{background:radial-gradient(ellipse at 50% 48%,#e1c59b1d,transparent 69%),radial-gradient(ellipse at 70% 75%,#b3bde10d,transparent 61%)}
.ssm-overview.is-vertical-selection .entry-carousel::after{left:18%;right:18%;height:10%}
@media(max-width:550px){
 .ssm-overview.is-vertical-selection .entry-prev,
 .ssm-overview.is-vertical-selection .entry-next{width:calc(var(--spatial-card-width)*.88);height:44px;min-height:44px;padding:4px 12px 4px 5px;grid-template-columns:56px 1fr 17px;gap:12px;border-radius:9px}
 .ssm-overview.is-vertical-selection .entry-prev{top:0}
 .ssm-overview.is-vertical-selection .entry-next{bottom:0}
 .ssm-overview.is-vertical-selection .entry-preview-thumb{width:56px;height:34px;border-radius:5px}
 .ssm-overview.is-vertical-selection .entry-preview-name{font-size:17px}
 .ssm-overview.is-vertical-selection .entry-arrow svg{width:17px;height:17px}
}