/* Post Grid Cards – Advanced v3.1 */
:root{ --pgc-columns:4; --pgc-gap:20px; --pgc-card-bg:#fff; --pgc-card-radius:16px; --pgc-shadow:0 10px 24px rgba(12,18,62,.08); --pgc-title:#0F172A; --pgc-text:#334155; --pgc-btn:#E9EEF6; --pgc-btn-text:#0F172A; --pgc-pill:#eef2ff; --pgc-pill-text:#3730a3; }
.pgc-grid{ display:grid; grid-template-columns:repeat(var(--pgc-columns),minmax(0,1fr)); gap:var(--pgc-gap); align-items:stretch; }
.pgc-card{ background:var(--pgc-card-bg); border-radius:var(--pgc-card-radius); box-shadow:var(--pgc-shadow); padding:18px; display:flex; flex-direction:column; min-height:230px; position:relative; }
.pgc-type-pill{ display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; background:var(--pgc-pill); color:var(--pgc-pill-text); font-weight:600; font-size:.8rem; margin-bottom:8px; }
.pgc-card__image{ border-radius:12px; overflow:hidden; margin-bottom:12px; }
.pgc-card__image img{ display:block; width:100%; height:auto; }
.pgc-card__title{ margin:4px 0 6px; font-size:1.1rem; line-height:1.3; color:var(--pgc-title); }
.pgc-card__title a{ color:inherit; text-decoration:none; }
.pgc-card__title a:hover{ text-decoration:underline; }
.pgc-author{ color:#475569; font-size:.9rem; margin:0 0 10px; }
.pgc-card__excerpt{ color:var(--pgc-text); margin:0 0 14px; font-size:.95rem; }
.pgc-card__footer{ margin-top:auto; display:flex; gap:10px; flex-wrap:wrap; }
.pgc-card__btn{ display:inline-flex; align-items:center; justify-content:center; padding:10px 14px; border-radius:12px; background:var(--pgc-btn); color:var(--pgc-btn-text); text-decoration:none; font-weight:600; transition:background .2s ease, transform .1s ease; }
.pgc-card__btn:hover{ background:#DDE6F3; }
.pgc-card__btn:active{ transform:translateY(1px); }
.pgc-card__btn--secondary{ background:#ECFDF5; color:#065F46; }
.pgc-empty{ color:#64748B; }
.pgc-pagination ul{ list-style:none; display:flex; gap:6px; padding:0; }
.pgc-pagination a, .pgc-pagination span{ display:inline-block; padding:8px 12px; border-radius:10px; background:#F1F5F9; color:#0F172A; text-decoration:none; }
.pgc-pagination .current{ background:#E2E8F0; font-weight:700; }
.pgc-load-more-wrap{ display:flex; justify-content:center; margin-top:16px; }
.pgc-load-more{ padding:10px 16px; border-radius:12px; background:#EEF2FF; color:#3730A3; border:none; font-weight:700; cursor:pointer; }
.pgc-load-more:hover{ background:#E0E7FF; }
.pgc-admin-media .button{ margin-right:6px; }
.pgc-media-preview{ border:1px dashed #cbd5e1; padding:8px; border-radius:8px; background:#f8fafc; }