.recommendations-intro { margin: 28px 0 22px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.recommendation-list { display: grid; gap: 24px; }
.recommendation-card { display: grid; grid-template-columns: minmax(0, 1fr); border: 1px solid #31503f; border-radius: 13px; background: #121719; overflow: hidden; }
.recommendation-reason { margin: 0 0 10px; color: #98c9aa; font-size: 11px; font-weight: 600; letter-spacing: .8px; text-transform: uppercase; }
.recommendations-intro { border-left: 2px solid #57956c; padding-left: 14px; }
#recomendaciones .next-links a { border-color: #31503f; background: #121c16; color: #d6efdc; }
#recomendaciones .next-links a::after { color: #98c9aa; }
.recommendation-card .rank-copy { padding: 26px; }
@media (max-width: 600px) { .recommendation-card .rank-copy { padding: 18px; } }