.cgl-container{width:100%;margin:0 auto;padding:0}
.cgl-grid{display:grid;grid-template-columns:repeat(var(--cgl-columns-mobile,2),1fr);gap:1rem}
.cgl-item{position:relative;overflow:visible;border-radius:4px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s}
.cgl-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}
.cgl-link{display:block;text-decoration:none;color:inherit}
.cgl-link:hover .cgl-name{text-decoration:none}
.cgl-image-wrapper{position:relative;width:100%;padding-top:150%;overflow:hidden;background:#f5f5f5}
.cgl-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:100%;max-width:100%;object-fit:contain;display:block}
.cgl-status-label{position:absolute;right:-10px;z-index:10;padding:5px 10px;font-size:10px;font-weight:700;letter-spacing:.5px;transform:rotate(12deg);box-shadow:0 3px 6px rgba(0,0,0,.3);white-space:nowrap;line-height:1.2}
.cgl-pdf-label{position:absolute;left:0;right:0;bottom:0;z-index:10;padding:6px 8px;font-size:12px;font-weight:700;letter-spacing:.3px;background:#2171b1;color:#fff;text-align:center;box-shadow:0 -2px 4px rgba(0,0,0,.2);white-space:nowrap;line-height:1.2}
.cgl-status-ongoing{background:#4caf50;color:#fff}
.cgl-status-completed{background:#f44336;color:#fff}
.cgl-status-hiatus{background:#ffc107;color:#333}
.cgl-status-label::before{content:'';position:absolute;top:100%;right:0;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:6px solid rgba(0,0,0,.2)}
.cgl-status-ongoing::before{border-top-color:rgba(76,175,80,.8)}
.cgl-status-completed::before{border-top-color:rgba(244,67,54,.8)}
.cgl-status-hiatus::before{border-top-color:rgba(255,193,7,.8)}
.cgl-name{padding:.75rem;text-align:center;font-weight:500;font-size:.9rem;color:#333;text-decoration:none}
.cgl-empty{padding:2rem;text-align:center;color:#666}
@media(min-width:768px){.cgl-grid{grid-template-columns:repeat(var(--cgl-columns-tablet,var(--cgl-columns-mobile,4)),1fr);gap:1.5rem}}
@media(min-width:1024px){.cgl-grid{grid-template-columns:repeat(var(--cgl-columns-desktop,var(--cgl-columns-tablet,6)),1fr)}}