:root{--cpg-background:#fafafa;--cpg-card-bg:#ffffff;--cpg-text:#292b2c;--cpg-muted:#6a6c71;--cpg-accent:#34c3c4;--cpg-highlight:#d68a31}.cpg-grid{display:grid;margin:2rem 0;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.cpg-item{background:var(--cpg-card-bg);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 4px rgb(0 0 0 / .05);transition:transform 0.3s ease,box-shadow 0.3s ease}.cpg-item:hover{transform:translateY(-4px);box-shadow:0 4px 8px rgb(0 0 0 / .1)}.cpg-thumb-wrapper{background:var(--cpg-background);width:100%;overflow:hidden}.cpg-thumb-wrapper img{width:100%;height:auto;display:block;object-fit:contain}.cpg-grid .type-byggingars .cpg-thumb-wrapper{height:300px}.cpg-grid .type-byggingars .cpg-thumb-wrapper img{width:100%;height:100%;object-fit:cover}.cpg-title{margin:1rem 1rem .5rem;font-size:1.1rem;font-weight:600;line-height:1.4}.cpg-title a{color:var(--cpg-text);text-decoration:none}.cpg-title a:hover{color:var(--cpg-accent)}.cpg-excerpt{margin:0 1rem 1rem;font-size:.9rem;line-height:1.5;color:var(--cpg-muted);flex:1}@media (min-width:981px){.cpg-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:980px) and (min-width:768px){.cpg-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.cpg-grid{grid-template-columns:1fr}}.cpg-grid-byggingars{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media (min-width:981px){.cpg-grid-byggingars{grid-template-columns:repeat(3,1fr)}}@media (max-width:980px) and (min-width:768px){.cpg-grid-byggingars{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.cpg-grid-byggingars{grid-template-columns:1fr}}