/* static/css/search_results.css
   Minimal search page styling (page-specific) to complement soultrob.css
*/

.page-grid { display:grid; grid-template-columns: auto 1fr minmax(350px,360px); gap:20px; max-width:1200px; margin:36px auto; padding:22px; }
@media (max-width:900px){ .page-grid { grid-template-columns: 1fr; } }

.results-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap:18px; }

.search-result-card {
  background: #fff; border-radius: 12px; padding: 12px; box-shadow: 0 8px 24px rgba(2,6,23,0.04);
  min-height: 120px; display:flex; flex-direction:column;
}
.card-image img{ width:100%; height:120px; object-fit:cover; border-radius:8px; }
.card-body { padding-top: 10px; flex:1; display:flex; flex-direction:column; }
.card-title { font-weight:700; margin-bottom:4px; }
.card-meta { color:#64748b; font-size:13px; margin-bottom:8px; }
.card-description { color:#333; font-size:14px; flex:1; }
.card-link { color: #6d28d9; font-weight:600; text-decoration:none; }
.ad-slot { min-width:350px; max-width:360px; height:250px; display:flex; align-items:center; justify-content:center; border:1px dashed #e6e9ee; background:#fff; }
@media (max-width:900px){ .ad-slot{ width:100%; height:auto; padding:16px 0; } }