/* Compact recommendations, scoped to the case-detail sidebar. */
.scene-related-compact{margin-top:26px;min-width:0}
.related-scenes-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.related-scenes-heading h4{font-size:16px;margin:0;color:#483523}
.related-scenes-heading>a{font-size:13px;color:#97816c;white-space:nowrap}
.related-scenes-list{display:grid;gap:12px}
.related-scene-card{display:block;border:1px solid #eee8e2;border-radius:11px;padding:18px;background:#fff;color:#483523;box-shadow:0 3px 12px #6c4e3204;transition:border-color .2s,box-shadow .2s,transform .2s}
.related-scene-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}
.related-scene-meta>span{font-size:12px;line-height:1.7;color:#856b52;background:#faf5f0;border-radius:4px;padding:3px 8px}
.related-scene-meta>i{font-size:17px;font-style:normal;color:#b0957b;transition:transform .2s}
.related-scene-card h3{font-size:15px;line-height:1.8;font-weight:650;margin:12px 0;color:#4e3a28;overflow-wrap:anywhere}
.related-scene-modules{display:flex;gap:6px;flex-wrap:wrap}
.related-scene-modules>span{font-size:12px;line-height:1.6;color:#958678;background:#faf8f7;padding:3px 7px;border-radius:4px}
.related-scene-card:focus-visible,.related-scenes-heading>a:focus-visible{outline:3px solid #bd8856;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.related-scene-card:hover{border-color:#d1b59b;box-shadow:0 8px 20px #6c4e320d;transform:translateY(-2px)}.related-scene-card:hover h3{color:#b45c1b}.related-scene-card:hover .related-scene-meta>i{transform:translate(2px,-2px)}.related-scenes-heading>a:hover{color:#b45c1b}}
@media(max-width:900px) and (min-width:601px){.related-scenes-list{grid-template-columns:repeat(3,minmax(0,1fr))}.related-scene-card{padding:16px}}
@media(max-width:600px){.related-scene-card{padding:17px}.related-scene-card h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){.related-scene-card,.related-scene-meta>i{transition:none}.related-scene-card:hover,.related-scene-card:hover .related-scene-meta>i{transform:none}}
/* Keep the following recommendations reachable while the sidebar scrolls. */
#asideRoot:has(>.scene-related-compact)>.info-box{position:static}