.spg-wrap{--spg-gap:24px;--spg-radius:16px;--spg-border:#e8e8e8;--spg-text:#191919;--spg-muted:#6b7280;--spg-accent:#1565c0;width:100%}.spg-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.spg-filter,.spg-load-more{border:1px solid var(--spg-border);background:#fff;color:var(--spg-text);padding:10px 18px;border-radius:999px;cursor:pointer;font-weight:600;transition:.2s}.spg-filter:hover,.spg-filter.active,.spg-load-more:hover{background:var(--spg-accent);border-color:var(--spg-accent);color:#fff}.spg-grid{display:grid;gap:var(--spg-gap)}.spg-cols-1{grid-template-columns:1fr}.spg-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.spg-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.spg-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.spg-card{background:#fff;border:1px solid var(--spg-border);border-radius:var(--spg-radius);overflow:hidden;box-shadow:0 8px 28px rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s}.spg-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.09)}.spg-thumb{display:block;aspect-ratio:16/10;overflow:hidden;background:#f3f4f6}.spg-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.spg-card:hover .spg-thumb img{transform:scale(1.04)}.spg-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.spg-content{padding:20px}.spg-category{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--spg-accent);margin-bottom:8px}.spg-title{font-size:22px;line-height:1.3;margin:0 0 10px}.spg-title a{color:var(--spg-text);text-decoration:none}.spg-date{font-size:13px;color:var(--spg-muted);margin-bottom:12px}.spg-excerpt{color:var(--spg-muted);line-height:1.7;margin:0 0 18px}.spg-readmore{display:inline-flex;gap:7px;align-items:center;color:var(--spg-accent);font-weight:700;text-decoration:none}.spg-actions{text-align:center;margin-top:28px}.spg-load-more{padding:12px 26px}.spg-load-more[disabled]{opacity:.65;cursor:not-allowed}.spg-status{text-align:center;color:var(--spg-muted);margin-top:14px}.spg-pagination ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:28px 0 0}.spg-pagination a,.spg-pagination span{display:flex;min-width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--spg-border);border-radius:8px;text-decoration:none}.spg-pagination .current{background:var(--spg-accent);color:#fff;border-color:var(--spg-accent)}@media(max-width:1024px){.spg-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.spg-cols-2,.spg-cols-3,.spg-cols-4{grid-template-columns:1fr}.spg-title{font-size:20px}.spg-content{padding:17px}.spg-filters{gap:8px}.spg-filter{padding:8px 14px;font-size:13px}}