.bl-card{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:var(--ds-card);border:1px solid var(--ds-card-b);box-shadow:var(--ds-shadow-sm);transition:border-color .25s,transform .25s}.bl-card:hover{border-color:color-mix(in srgb,var(--c) 45%,transparent);transform:translateY(-3px)}.bl-cover{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 8.6;overflow:hidden;background:radial-gradient(circle at 70% 25%,color-mix(in srgb,var(--c) 22%,transparent),transparent 62%),linear-gradient(135deg,color-mix(in srgb,var(--c) 14%,var(--ds-card)),color-mix(in srgb,var(--c) 6%,var(--ds-card)))}.bl-cover img{width:100%;height:100%;object-fit:cover}.bl-cover-icon{opacity:.9}.bl-badge{position:absolute;top:13px;left:13px;padding:5px 12px;border-radius:7px;background:var(--c);color:#fff;font-size:12px;font-weight:600}.bl-body{flex:1;display:flex;flex-direction:column;padding:16px 18px 18px}.bl-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--ds-muted)}.bl-meta span{display:inline-flex;align-items:center;gap:6px}.bl-meta svg{color:var(--c);flex-shrink:0}.bl-body h3{margin-top:14px;font-size:16px;font-weight:700;line-height:1.35;letter-spacing:-.01em}.bl-body h3 a{color:var(--ds-fg);text-decoration:none}.bl-body h3 a:hover{color:var(--c)}.bl-body p{margin-top:11px;font-size:13px;line-height:1.62;color:var(--ds-muted)}.bl-more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:16px;color:var(--ds-accent);font-size:13.5px;font-weight:600;text-decoration:none}.bl-more:hover svg{transform:translate(3px)}.bl-more svg{transition:transform .2s}