.card{
    background:linear-gradient(180deg,var(--panel2),var(--panel));
    border:1px solid var(--line);
    border-radius:var(--radius);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    min-height:320px;
  }
  .card:hover{border-color:rgba(255,255,255,0.18)}
  
  .cover{width:100%;aspect-ratio:16/9;background:rgba(255,255,255,0.04);overflow:hidden}
  .cover img{width:100%;height:100%;object-fit:cover;display:block}
  
  .body{padding:14px 14px 12px;display:flex;flex-direction:column;gap:10px}
  .body h3{margin:0;font-size:20px;line-height:1.15}
  .excerpt{margin:0;color:var(--muted);line-height:1.35}
  
  .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
  .tag{
    font-size:13px;padding:6px 10px;border-radius:10px;
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.08);
    color:rgba(255,255,255,0.80);
  }
  
  .meta{
    margin-top:2px;display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding-top:10px;border-top:1px solid var(--line);
  }
  .status{font-size:13px;letter-spacing:.5px;color:rgba(255,255,255,0.75)}
  .status b{letter-spacing:.6px}
  
  .status .ACTIVE{color:#39d98a}
  .status .STABLE{color:#39d98a}
  .status .ARCHIVED{color:#ff9f43}
  
  .cta{color:var(--muted);font-size:14px}
  .card:hover .cta{color:rgba(255,255,255,0.85)}