.pcard{display:flex;flex-direction:column;background:var(--esp-bg-card);border-radius:var(--esp-radius-lg);overflow:hidden;box-shadow:var(--esp-shadow-sm);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.pcard:hover{transform:translateY(-4px)}.pcard:hover .pcard__title{color:var(--esp-primary)}.pcard:hover .pcard__cover-img{transform:scale(1.1)}.pcard .pcard__cover{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,var(--esp-bg-elevated),color-mix(in srgb,var(--esp-primary) 6%,var(--esp-bg-elevated)));display:flex;align-items:center;justify-content:center}.pcard .pcard__cover-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .25s ease}.pcard .pcard__cover-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(var(--esp-space)*1.5);text-align:center}.pcard .pcard__cover-fallback-title{color:#fff;font-size:var(--esp-fs-lg);font-weight:700;line-height:1.35;text-shadow:0 1px 3px rgba(0,0,0,.28);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pcard .pcard__badge{position:absolute;top:14px;padding:3px 10px;font-size:var(--esp-fs-xs);font-weight:400;border-radius:var(--esp-radius-sm);color:#fff;backdrop-filter:blur(4px);line-height:normal}.pcard .pcard__badge--pin{left:20px;background:var(--esp-primary)}.pcard .pcard__badge--official{right:20px;background:var(--esp-info)}.pcard .pcard__cover-tag{position:absolute;top:14px;left:20px;max-width:calc(100% - 20px);padding:3px 10px;font-size:var(--esp-fs-xs);font-weight:400;border-radius:var(--esp-radius-sm);color:#fff;background:color-mix(in srgb,var(--esp-text) 68%,transparent);backdrop-filter:blur(4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:normal}.pcard--manage{cursor:pointer;text-align:left}.pcard--manage:focus-visible{outline:2px solid var(--esp-primary);outline-offset:2px}.pcard--manage .pcard__cover{align-items:flex-start}.pcard--manage .pcard__cover-img{-o-object-position:top;object-position:top}.pcard--manage .pcard__status{position:absolute;top:10px;left:10px;padding:3px 10px;font-size:var(--esp-fs-xs);font-weight:600;border-radius:var(--esp-radius-sm);color:var(--esp-on-primary);backdrop-filter:blur(4px);line-height:normal}.pcard--manage .pcard__status--draft{background:var(--esp-text-tertiary)}.pcard--manage .pcard__status--pending{background:var(--esp-warning)}.pcard--manage .pcard__status--approved{background:var(--esp-primary)}.pcard--manage .pcard__status--rejected{background:var(--esp-danger)}.pcard--manage .pcard__actions{position:absolute;top:8px;right:8px;display:flex;gap:6px}.pcard--manage .pcard__action{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--esp-border);border-radius:var(--esp-radius);background:color-mix(in srgb,var(--esp-bg-container) 88%,transparent);backdrop-filter:blur(4px);color:var(--esp-text-secondary);cursor:pointer;box-shadow:var(--esp-shadow-sm);transition:background .15s ease,color .15s ease,border-color .15s ease}.pcard--manage .pcard__action:hover{background:var(--esp-bg-container);border-color:var(--esp-border-strong);color:var(--esp-primary)}.pcard--manage .pcard__action--danger:hover{color:var(--esp-danger);border-color:var(--esp-danger)}