/* Pale surfaces frame the artwork; text and actions keep strong contrast. */
.recommend-list .recommend-card{--promo-base:#edf5ee;color:#24372c}
.recommend-list .recommend-card[data-tone=plum]{--promo-base:#f5eef5}
.recommend-list .recommend-card[data-tone=blue]{--promo-base:#edf3fa}
.recommend-list .recommend-card[data-tone=brown]{--promo-base:#f5f0e8}
.recommend-list .recommend-card::before{background:var(--promo-base);box-shadow:0 4px 10px #233a2b0c,inset 0 0 0 1px #263b2c12}
.recommend-list .recommend-card:hover::before{box-shadow:0 6px 14px #233a2b16,inset 0 0 0 1px #263b2c26}
.recommend-list .recommend-card .recommend-name,.recommend-list .recommend-card .recommend-text{color:#203127}
.recommend-list .recommend-card .recommend-tagline{color:#44534a;font-size:11px;line-height:15px;font-weight:500}
.recommend-list .recommend-card:hover .recommend-name,.recommend-list .recommend-card:hover .recommend-text{color:#173b28}
.recommend-list .recommend-card:hover .recommend-tagline{color:#34483a}
.recommend-list .recommend-card .recommend-rank{background:#fff;color:#253e2d!important;box-shadow:0 1px 4px #203b2714}
.recommend-list .recommend-card .recommend-category{background:#fff;color:#344b3c;font-size:10px;line-height:14px;box-shadow:0 1px 4px #203b2714}
.recommend-list .recommend-card .recommend-download,.recommend-list .recommend-card .discover-download{background:#234b32;color:#fff;border-color:#234b32;box-shadow:0 2px 0 #152f1e18}
.recommend-list .recommend-card:hover .recommend-download,.recommend-list .recommend-card .discover-download:hover{background:#173c27;color:#fff;border-color:#173c27}
.recommend-list .recommend-card .recommend-visual::after{background:#23352a24}
.recommend-list .recommend-card[data-presentation=character] .recommend-cover{filter:drop-shadow(0 4px 3px #25352b2e)}