/* Strategie Blog Listings v2 – small thumbs, text-first + live search */
.sbl-wrap{
  --thumb: 84px;
  --gap: 1rem;
  --accent: #B8860B;
  --accent-hover: #9c710a;
}
.sbl-head{ display:flex; align-items:baseline; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.sbl-h1{ margin:0 0 1rem 0; font-size:clamp(1.5rem,3.5vw,2rem); font-weight:800; }
.sbl-h2{ margin:0; font-size:clamp(1.25rem,2vw,1.5rem); font-weight:700; }
.sbl-archive{ color:var(--accent); text-decoration:none; }
.sbl-archive:hover{ color:var(--accent-hover); }

/* Lists */
.sbl-list{ display:grid; gap:var(--gap); }
.sbl-item{ display:grid; grid-template-columns: var(--thumb) 1fr; gap:var(--gap); align-items:start; padding:.75rem 0; border-top:1px solid rgba(0,0,0,.06); }
.sbl-item:first-child{ border-top:0; }

/* Archive grid */
.sbl-grid{ display:grid; gap:calc(var(--gap)*1.25); grid-template-columns:repeat(1,minmax(0,1fr)); }
@media (min-width:700px){ .sbl-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1000px){ .sbl-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.sbl-grid .sbl-item{ border:1px solid rgba(0,0,0,.06); border-radius:10px; padding:.9rem; }

/* Thumb */
.sbl-thumb{ display:block; width:var(--thumb); height:var(--thumb); border-radius:8px; overflow:hidden; background:#f5f7fa; }
.sbl-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.sbl-thumb--ph{ width:100%; height:100%; background:linear-gradient(135deg,#f1f5f9,#e2e8f0); }

/* Text */
.sbl-meta{ min-width:0; }
.sbl-title{ margin:0 0 .25rem 0; font-size:clamp(1rem,1.6vw,1.125rem); line-height:1.25; font-weight:700; }
.sbl-title a{ color:inherit; text-decoration:none; }
.sbl-title a:hover{ text-decoration:underline; }
.sbl-date{ font-size:.85rem; color:#6b7280; margin-bottom:.25rem; }
.sbl-excerpt{ margin:.25rem 0 .5rem 0; color:#374151; line-height:1.5; font-size:.95rem; }
.sbl-more{ display:inline-block; font-size:.9rem; color:var(--accent); text-decoration:none; }
.sbl-more:hover{ color:var(--accent-hover); }

/* Pagination */
.sbl-pagination{ display:flex; gap:.5rem; justify-content:center; margin:1.5rem 0; }
.sbl-pagination .page-numbers{ padding:.5rem .7rem; border:1px solid rgba(0,0,0,.12); border-radius:8px; text-decoration:none; }
.sbl-pagination .current{ background:#1F2937; color:#fff; border-color:#1F2937; }
.sbl-pagination a:hover{ border-color:#B8860B; color:#B8860B; }

/* Search */
.sbl-search{ display:flex; gap:.5rem; align-items:center; margin:0 0 1rem 0; position:relative; }
.sbl-input{ flex:1; padding:.7rem .8rem; border:1px solid #e2e8f0; border-radius:8px; font-size:1rem; }
.sbl-go{ padding:.7rem 1rem; border:0; border-radius:8px; background:#B8860B; color:#fff; font-weight:700; cursor:pointer; }
.sbl-go:hover{ background:#9c710a; }
.sbl-suggestions{ list-style:none; margin:.25rem 0 0 0; padding:0; position:absolute; left:0; right:0; top:100%; background:#fff; border:1px solid #e5e7eb; border-radius:8px; max-height:260px; overflow:auto; z-index:20; display:none; }
.sbl-suggestions li{ padding:.55rem .7rem; border-bottom:1px solid #f3f4f6; }
.sbl-suggestions li:last-child{ border-bottom:0; }
.sbl-suggestions a{ text-decoration:none; color:#111; display:block; }
.sbl-suggestions a:hover{ text-decoration:underline; }