.card-cat{text-transform:uppercase;color:var(--color-accent);letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.card{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-img{aspect-ratio:16/9;overflow:hidden}.card-img img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.card:hover .card-img img{transform:scale(1.04)}.card-content{flex-direction:column;flex:1;gap:6px;padding:14px;display:flex}.card-title{color:var(--color-text);margin:0;font-size:15px;font-weight:700;line-height:1.4}.card:hover .card-title{color:var(--color-accent)}.card-excerpt{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.card-meta{color:var(--color-text-light);gap:12px;margin-top:4px;font-size:11px;display:flex}.card-h{border-bottom:1px solid var(--color-border);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.card-h:last-child{border-bottom:none}.card-h img{object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:80px;height:60px}.card-h-content{flex-direction:column;gap:4px;display:flex}.card-h-title{color:var(--color-text);font-size:13px;font-weight:600;line-height:1.4}.card-h:hover .card-h-title{color:var(--color-accent)}.card-feat-large{border-radius:var(--radius-md);aspect-ratio:4/5;display:block;position:relative;overflow:hidden}.card-feat-large img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.card-feat-large:hover img{transform:scale(1.04)}.card-feat-overlay{background:linear-gradient(#0000 0%,#0000004d 50%,#000000d9 100%);flex-direction:column;justify-content:flex-end;gap:8px;padding:20px;display:flex;position:absolute;inset:0}.card-feat-badge{background:var(--color-accent);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-pill);width:fit-content;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}.card-feat-title{color:#fff;font-size:20px;font-weight:800;line-height:1.3}.card-feat-small{border-radius:var(--radius-md);aspect-ratio:16/9;display:block;position:relative;overflow:hidden}.card-feat-small img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.card-feat-small:hover img{transform:scale(1.04)}.card-feat-small .card-feat-overlay{gap:6px;padding:14px}.card-feat-title-sm{color:#fff;font-size:15px;font-weight:700;line-height:1.3}.card-overlay{border-radius:var(--radius-md);aspect-ratio:3/4;display:block;position:relative;overflow:hidden}.card-overlay img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.card-overlay:hover img{transform:scale(1.04)}.card-overlay-content{background:linear-gradient(#0000 40%,#000c 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.card-overlay-bottom{flex-direction:column;gap:6px;padding:12px;display:flex}.card-overlay-bottom>div{align-items:center;gap:8px;display:flex}.card-overlay-badge{background:var(--color-accent);color:#fff;text-transform:uppercase;border-radius:2px;padding:2px 6px;font-size:9px;font-weight:700}.card-overlay-date{color:#fff9;font-size:10px}.card-overlay-bottom h3{color:#fff;font-size:13px;font-weight:700;line-height:1.3}.card-dark{border-radius:var(--radius-md);background:var(--color-bg-dark-2);transition:transform .2s;display:block;overflow:hidden}.card-dark:hover{transform:translateY(-2px)}.card-dark img{aspect-ratio:16/9;object-fit:cover;width:100%}.card-dark-content{flex-direction:column;gap:6px;padding:12px;display:flex}.card-dark-badge{background:var(--color-cyan);color:#fff;border-radius:var(--radius-sm);width:fit-content;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.card-dark-content h3{color:#ffffffe6;font-size:14px;font-weight:700;line-height:1.4}.card-dark:hover .card-dark-content h3{color:var(--color-cyan)}@media (max-width:900px){.card-h-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}
