/* Recommendation rails (4.2). */
.ms-rec-rail { margin: 0 0 30px; }
.ms-rec-rail__h { font-size: 1.25rem; margin: 0 0 12px; }
.ms-rec-row { display: flex; gap: 16px; overflow-x: auto; scrollbar-width: none; padding-bottom: 6px; }
.ms-rec-row::-webkit-scrollbar { display: none; }
.ms-rec-card { flex: 0 0 160px; position: relative; }
.ms-rec-card__cov { display: block; position: relative; aspect-ratio: 1/1; border-radius: 10px; overflow: hidden; background: #1a1a22; }
.ms-rec-card[data-type="book"] .ms-rec-card__cov { aspect-ratio: 2/3; }
.ms-rec-card__cov img { width: 100%; height: 100%; object-fit: cover; }
.ms-rec-ph { display: block; width: 100%; height: 100%; background: linear-gradient(135deg,#23233a,#15151f); }
.ms-rec-bar { position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: rgba(255,255,255,0.25); }
.ms-rec-bar span { display: block; height: 100%; background: var(--mst-accent, #5c6ef4); }
.ms-rec-card__b { padding: 7px 2px 0; display: flex; flex-direction: column; gap: 2px; }
.ms-rec-card__t { font-weight: 600; font-size: 0.88rem; text-decoration: none; color: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ms-rec-card__c { font-size: 0.76rem; color: rgba(128,128,128,0.95); }
.ms-rec-card__r { font-size: 0.72rem; color: var(--mst-accent, #8a93ff); font-style: italic; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 600px) { .ms-rec-card { flex-basis: 38vw; } }