/* Minimalist, mobile-first styles for OGA */
.oga-wrapper { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.oga-controls { display:flex; flex-wrap:wrap; gap:.5rem; align-items:flex-end; margin: .5rem 0 1rem; }
.oga-control-group { display:flex; flex-direction:column; gap:.25rem; }
.oga-control-group label { font-size:.85rem; opacity:.8; }
.oga-control-group select, .oga-control-group input[type=text], .oga-control-group button {
  padding:.5rem .6rem; border:1px solid #ddd; border-radius:8px; background:#fff; font-size:.95rem;
}
.oga-control-group button { cursor:pointer; }

.oga-feed { display:grid; gap: .75rem; }
.oga-grid { grid-template-columns: 1fr; }
.oga-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }
.oga-grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
.oga-grid.cols-4 { grid-template-columns: repeat(4, 1fr); }
.oga-grid.cols-5 { grid-template-columns: repeat(5, 1fr); }

@media (max-width: 640px) {
  .oga-grid, .oga-grid.cols-2, .oga-grid.cols-3, .oga-grid.cols-4, .oga-grid.cols-5 { grid-template-columns: 1fr; }
}

.oga-card { display:flex; flex-direction:column; border:1px solid #eee; border-radius:14px; overflow:hidden; background:#fff; box-shadow: 0 2px 8px rgba(0,0,0,.04); }
.oga-thumb { display:block; width:100%; aspect-ratio:16/9; background:#f7f7f7; }
.oga-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.oga-thumb-fallback { width:100%; height:100%; display:block; background:linear-gradient(135deg,#eee,#f8f8f8); }

.oga-body { padding:.75rem .9rem 1rem; display:flex; flex-direction:column; gap:.4rem; }
.oga-title { font-size:1.05rem; margin:0; line-height:1.25; }
.oga-title a { text-decoration:none; color:#111; }
.oga-title a:hover { text-decoration:underline; }

.oga-meta { font-size:.8rem; color:#666; display:flex; gap:.75rem; }
.oga-excerpt { margin:.25rem 0 .5rem; font-size:.95rem; color:#333; }
.oga-actions { margin-top:auto; }
.oga-read { font-size:.9rem; text-decoration:none; border:1px solid #ddd; padding:.4rem .6rem; border-radius:999px; }
.oga-read:hover { background:#fafafa; }

/* List view */
.oga-list { display:flex; flex-direction:column; gap:.6rem; }
.oga-list .oga-card { flex-direction:row; align-items:stretch; }
.oga-list .oga-thumb { flex:0 0 240px; aspect-ratio:16/10; }
.oga-list .oga-body { flex:1; }
.oga-pagination { margin: .8rem 0; display:flex; flex-wrap:wrap; gap:.4rem; }
.oga-pagination a { padding:.3rem .55rem; border:1px solid #ddd; border-radius:8px; text-decoration:none; color:#222; }
.oga-pagination a.current { background:#111; color:#fff; border-color:#111; }