/* Basic styles to approximate MakeUseOf-like news layout. Customize as needed. */

.gp-news-wrapper {
  display: flex;
  gap: 28px;
  max-width: 1200px;
  margin: 32px auto;
  padding: 0 20px;
}

.gp-news-main { flex: 1 1 720px; }
.gp-news-sidebar { width: 320px; }

.gp-featured { display: flex; gap: 18px; margin-bottom: 26px; }
.gp-featured-thumb img { width: 460px; height: auto; object-fit: cover; display:block; }
.gp-featured-body { max-width: 640px; }
.gp-featured-title { font-size: 28px; margin: 6px 0 8px; }

.gp-post-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.gp-post-card { display: flex; gap: 12px; padding: 12px 0; border-bottom: 1px solid #eee; }
.gp-card-thumb img { width: 160px; height: 100px; object-fit: cover; display:block; }
.gp-card-body { flex: 1; }
.gp-card-title { font-size: 18px; margin: 4px 0; }
.gp-excerpt { color:#444; font-size:14px; margin-top:6px; }
.gp-cats { font-size:13px; color:#d23a2a; font-weight:600; }
.gp-meta { font-size:13px; color:#888; margin-top:6px; }

.gp-pagination { margin: 22px 0; }
.gp-pagination .page-numbers { margin: 0 6px; padding:6px 10px; border-radius:4px; border:1px solid #eee; }

/* Responsive */
@media (max-width: 900px) {
  .gp-news-wrapper { flex-direction: column; padding: 0 12px; }
  .gp-news-sidebar { width: auto; order: 2; }
  .gp-featured-thumb img { width: 100%; max-width: 100%; }
  .gp-post-grid { grid-template-columns: 1fr; }
}