.smart-recommendations{box-sizing:border-box;width:100%;max-width:1200px;min-width:0;margin:20px auto;padding:18px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 6px 18px rgba(15,23,42,.06);overflow-wrap:anywhere}
.smart-recommendations h3{font-size:20px;margin:0 0 16px;color:#111827}
.smart-recommendation-group{min-width:0;margin-bottom:18px}
.smart-recommendation-group:last-child{margin-bottom:0}
.smart-recommendations h4{margin:0 0 8px;padding-left:8px;border-left:3px solid #1677ff;font-size:15px;line-height:1.4;color:#111827}
.smart-recommendations ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:6px;list-style:none;padding:0;margin:0}
.smart-recommendations li{min-width:0;max-width:100%}
.smart-recommendations a{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;min-height:44px;padding:8px 10px;box-sizing:border-box;color:#1f2937;background:#f8fafc;border:1px solid #eef2f7;border-radius:8px;text-decoration:none;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.smart-recommendations a span{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.smart-recommendations img{flex:0 0 auto;width:56px;max-width:25%;height:56px;object-fit:contain}
.detail-sidebar .smart-recommendations,.standard-sidebar .smart-recommendations,.faq-detail-sidebar .smart-recommendations{margin:20px 0}
.detail-sidebar .smart-recommendations ul,.standard-sidebar .smart-recommendations ul,.faq-detail-sidebar .smart-recommendations ul{grid-template-columns:minmax(0,1fr)}
.faq-detail-sidebar .smart-recommendations{grid-column:1/-1}
.smart-recommendations a:hover{text-decoration:underline}
@media(max-width:600px){.smart-recommendations{padding:12px;margin:16px 0}.smart-recommendations ul{grid-template-columns:1fr}}