.aorg-archive-container { margin: 1rem 0; }
.aorg-archive-filters { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1rem; }
.aorg-archive-filters .aorg-filter-button { 
  background:#fff; 
  border:1px solid #ddd; 
  border-radius:6px; 
  padding:8px 12px; 
  color:#142334; 
  text-decoration:none; 
  font-size:14px; 
  transition: background-color .2s, color .2s, border-color .2s; 
}
.aorg-archive-filters .aorg-filter-button.active { 
  background:#142334; 
  color:#fff; 
  border-color:#142334; 
}
.aorg-archive-grid { display:grid; gap:20px; grid-template-columns: 1fr; }
@media (min-width: 640px) { .aorg-archive-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .aorg-archive-grid { grid-template-columns: repeat(3, 1fr); } }
.aorg-archive-item {}
.aorg-archive-link { display:block; background:#fff; border:1px solid #ddd; border-radius:6px; overflow:hidden; text-decoration:none; color:inherit; }
.aorg-archive-thumb { 
  position: relative; 
  aspect-ratio: 7 / 5; 
  overflow: hidden; 
  background: #f5f5f5; 
}
.aorg-archive-thumb img { 
  width:100%; 
  height:100%; 
  display:block; 
  object-fit: cover; 
}
#aorg-archive-container h2.aorg-archive-title { margin:.75rem; font-size:18px; color:#111827; }
.aorg-archive-grid.is-loading { opacity:.6; pointer-events:none; transition:opacity .15s ease-in-out; }

/* Date overlay similar to SIMILAR_PLUGIN */
.aorg-archive-date-overlay {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: rgba(0,0,0,0.7);
  color: #fff;
  padding: 5px 8px;
  border-radius: 4px;
  font-size: 12px;
}

/* Play badge for video posts */
.aorg-archive-play-badge {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(0,0,0,0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}
.aorg-archive-play-badge svg { fill: #fff; display:block; }

/* If both date and play badge are present, move date to right to avoid overlap */
.aorg-archive-thumb.has-play .aorg-archive-date-overlay { left: auto; right: 10px; }