/**
 * Animated SVG thumbnails (overview cards + related-links teasers).
 *
 * The SVG is inlined (SMIL only animates inline, never as <img>) inside a
 * .hab-anim-thumb wrapper. The wrapper fills its container; the SVG scales to
 * fit (xMidYMid meet — charts are never cropped). A white canvas keeps line-art
 * charts legible instead of sitting on the gray card placeholder tint.
 */

.hab-anim-thumb {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 0;
    background-color: #fff;
}

.hab-anim-thumb__svg {
    display: block;
    width: 100%;
    height: 100%;
}

/* Overview card: wrapper is absolutely-filled inside the 16:9 image wrapper.
   The wrapper also carries .ha-card__image, so the existing hover-zoom rule
   (.ha-card:hover .ha-card__image) already applies — no extra transform here. */
.ha-card__image-wrapper .hab-anim-thumb {
    position: absolute;
    inset: 0;
}

/* Teaser media slot already sizes itself; just let the SVG fill it. */
.hab-related-links__media--svg {
    display: block;
}
.hab-related-links__media--svg .hab-anim-thumb,
.hab-related-links__media--svg .hab-anim-thumb__svg {
    width: 100%;
    height: 100%;
}