/* PostGrid Pro - Final v5 styles (org style, compact no excerpt) */
.pgpf-block{margin-bottom:22px}
.pgpf-filters{display:flex;gap:8px;flex-wrap:wrap;padding:10px;border:1px solid #f0c;background:#fff;border-radius:8px}
.pgpf-filter-btn{padding:8px 14px;border-radius:20px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:0.95rem}
.pgpf-filter-btn.active{background:#ff6600;color:#fff;border-color:#ff6600;box-shadow:0 2px 6px rgba(255,102,0,0.15)}
.pgpf-grid-wrapper{display:grid;grid-template-columns:repeat(4,1fr);column-gap:20px;row-gap:38px;transition:all 0.35s ease;align-items:start}
.pgpf-card{background:#fff;border-radius:10px;overflow:hidden;border:1px solid #eee;display:flex;flex-direction:column;transition:transform 0.18s ease,box-shadow 0.18s ease;height:100%}
.pgpf-card:hover{transform:translateY(-6px);box-shadow:0 8px 20px rgba(0,0,0,0.08)}
.pgpf-thumb img{width:100%;height:180px;object-fit:cover;display:block}
.pgpf-content{padding:16px}
.pgpf-title{font-size:1rem;margin:0 0 8px;font-weight:700;color:#222;line-height:1.25}
.pgpf-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:0.85rem;color:#999}
.pgpf-readmore svg{opacity:0.6;transition:transform .2s,opacity .2s}
.pgpf-card:hover .pgpf-readmore svg{transform:translateX(4px);opacity:1}
.pgpf-loadmore-wrap{text-align:center;margin-top:18px}
.pgpf-loadmore-btn{display:inline-block;padding:12px 28px;background:#f26522;color:#fff;border-radius:30px;cursor:pointer;font-size:16px;font-weight:600;border:none;transition:all .25s ease}
.pgpf-loadmore-btn:hover{background:#d4541c;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}
.pgpf-no-posts{color:#666}

/* skeleton */
.pgpf-grid-wrapper.skeleton{display:grid;grid-template-columns:repeat(4,1fr);column-gap:20px;row-gap:38px;opacity:0.95}
.skeleton-card{background:#fafafa;border-radius:4px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.02)}
.skeleton-thumb{height:140px;background:linear-gradient(90deg,#f6f6f6,#ededed,#f6f6f6);background-size:200% 100%}
.skeleton-content{padding:12px}
.skeleton-line{height:12px;background:linear-gradient(90deg,#f6f6f6,#ededed,#f6f6f6);background-size:200% 100%;margin-bottom:10px}
.skeleton-line.title{width:60%}
.skeleton-line.excerpt{width:40%;height:10px}

/* responsive */
@media(max-width:1024px){.pgpf-grid-wrapper{grid-template-columns:repeat(2,1fr)}.pgpf-grid-wrapper.skeleton{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.pgpf-grid-wrapper{grid-template-columns:repeat(1,1fr)}.pgpf-grid-wrapper.skeleton{grid-template-columns:repeat(1,1fr)}}