/* Override only the existing snippet's presentation. */
/* Preserve each source image's proportions instead of leaving an empty poster frame. */
.heartverse-simili .heartverse-simili-image-wrap { aspect-ratio: auto; }
.heartverse-simili .heartverse-simili-image { width: 100%; height: auto; }
html[data-hv-theme="light"] .heartverse-simili .heartverse-simili-inner {
    background: #fff9fc; border-color: #f1d6e3;
}
html[data-hv-theme="light"] .heartverse-simili .heartverse-simili-title,
html[data-hv-theme="light"] .heartverse-simili .heartverse-simili-name { color: #241c22; }
html[data-hv-theme="light"] .heartverse-simili .heartverse-simili-image-wrap { background: #f4edf1; }
.heartverse-simili .heartverse-simili-card:focus-visible { outline: 2px solid var(--hv-accent, #ff0080); outline-offset: 4px; border-radius: 8px; }
@media (max-width: 600px) {
    .heartverse-simili .heartverse-simili-grid { gap: 10px; }
    .heartverse-simili .heartverse-simili-inner { padding: 16px; }
    .heartverse-simili .heartverse-simili-name { font-size: 13px; overflow-wrap: anywhere; }
}
