/* Strategie Latest Posts – small thumbs, text-dominant */
.strategie-latest-wrap{
  --thumb-size: 84px;
  --gap: 1rem;
  --accent: #B8860B;
  --accent-hover: #9c710a;
}

.strategie-latest-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1rem;
}
.strategie-latest-title{
  margin:0;
  font-size:clamp(1.25rem, 2vw, 1.5rem);
  font-weight:700;
}
.strategie-latest-archive{
  text-decoration:none;
  font-size:.95rem;
  color:var(--accent);
}
.strategie-latest-archive:hover{ color:var(--accent-hover); }

.strategie-latest-grid{
  display:grid;
  gap: var(--gap);
}
@media (min-width: 640px){
  .strategie-latest-grid{
    gap: calc(var(--gap) * 1.1);
  }
}
/* Each item: small thumb column + flexible text column */
.strategie-latest-item{
  display:grid;
  grid-template-columns: var(--thumb-size) 1fr;
  align-items:start;
  gap: var(--gap);
  padding: .75rem 0;
  border-top:1px solid rgba(0,0,0,.06);
}
.strategie-latest-item:first-child{ border-top:0; }

/* Thumbnail */
.strategie-thumb{
  display:block;
  width:var(--thumb-size);
  height:var(--thumb-size);
  border-radius:8px;
  overflow:hidden;
  flex-shrink:0;
  background:#f5f7fa;
}
.strategie-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.strategie-thumb--placeholder{
  width:100%;
  height:100%;
  background:linear-gradient(135deg,#f1f5f9,#e2e8f0);
}

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

/* Mobile stacking */
@media (max-width: 400px){
  .strategie-latest-item{
    grid-template-columns: 1fr;
  }
  .strategie-thumb{
    width:100%;
    height:auto;
    aspect-ratio: 16/9;
  }
}
