.bsd-card {
    display: flex;
    gap: 1.4rem;
    align-items: flex-start;
    padding: 1.4rem;
    border: 1px solid rgba(127, 127, 127, .25);
    border-radius: 16px;
    background: var(--wp--preset--color--base, #fff);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
    margin: 1.5rem 0;
}
.bsd-cover { flex: 0 0 150px; }
.bsd-cover img { width: 100%; height: auto; display: block; border-radius: 10px; }
.bsd-content { flex: 1 1 auto; min-width: 0; }
.bsd-title { margin: 0 0 1rem; font-size: clamp(1.35rem, 2vw, 2rem); }
.bsd-summary { display: flex; flex-wrap: wrap; gap: .8rem 1.6rem; margin-bottom: 1rem; }
.bsd-metric { display: flex; flex-direction: column; }
.bsd-metric strong { font-size: 1.45rem; line-height: 1.2; }
.bsd-metric span { opacity: .72; font-size: .92rem; }
.bsd-platforms { border-top: 1px solid rgba(127,127,127,.2); border-bottom: 1px solid rgba(127,127,127,.2); margin: 1rem 0; }
.bsd-platform { display: grid; grid-template-columns: minmax(140px, 1fr) auto auto; gap: 1rem; padding: .7rem 0; border-bottom: 1px solid rgba(127,127,127,.14); }
.bsd-platform:last-child { border-bottom: 0; }
.bsd-platform-name { font-weight: 600; }
.bsd-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1rem; }
.bsd-button { display: inline-block; text-decoration: none; border: 1px solid currentColor; border-radius: 999px; padding: .48rem .85rem; line-height: 1.2; }
.bsd-button:hover { text-decoration: none; opacity: .8; }
.bsd-updated { margin: .9rem 0 0; opacity: .65; font-size: .85rem; }
@media (max-width: 640px) {
    .bsd-card { flex-direction: column; }
    .bsd-cover { width: 120px; flex-basis: auto; }
    .bsd-platform { grid-template-columns: 1fr; gap: .2rem; }
}