.cs-result-card { --cs-result-gap: 16px; display: flex; flex-direction: column; gap: var(--cs-result-gap); min-width: 0; overflow-wrap: anywhere; }
.cs-result-card__body { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: var(--cs-result-gap); }
.cs-result-card__media { display: flex; flex-direction: column; gap: var(--cs-result-gap); min-width: 0; max-width: 100%; }
.cs-result-card .cs-result-card__body > *, .cs-result-card .cs-result-card__row > * { margin: 0; }
.cs-result-card__image { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 8px; }
.cs-result-card__image--square { aspect-ratio: 1; }
.cs-result-card__image--portrait { aspect-ratio: 3 / 4; }
.cs-result-card__row { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: baseline; }
.cs-result-card__meta { font-size: .85em; opacity: .8; }
.cs-result-card__button { margin-top: auto !important; }
.cs-result-card__button a { display: inline-flex; padding: .55em 1em; border: 1px solid currentColor; border-radius: 6px; text-decoration: none; }
.cs-result-card a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.cs-result-card--media { flex-direction: row; flex-wrap: wrap; align-items: flex-start; }
.cs-result-card--media > .cs-result-card__media { flex: 1 1 160px; }
.cs-result-card--media > .cs-result-card__body { flex: 3 1 320px; }
.cs-facts { display: grid; gap: 8px; padding: 16px 18px; border: 1px solid var(--cs-search-border, #d4dde3); border-radius: 12px; background: color-mix(in srgb, var(--cs-search-accent, #385f71) 4%, white); }
.cs-facts__name { font-size: 1.1em; line-height: 1.3; }
.cs-facts__group { margin-block-start: 4px; font-size: .78em; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; opacity: .75; }
.cs-facts__rows { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.cs-facts__row { display: grid; grid-template-columns: 1fr auto; gap: 2px 16px; padding-block: 8px; border-top: 1px solid color-mix(in srgb, currentColor 12%, transparent); }
.cs-facts__row:first-child { border-top: 0; }
.cs-facts__amount { font-weight: 700; font-variant-numeric: tabular-nums; text-align: end; }
.cs-facts__details { grid-column: 1 / -1; font-size: .88em; opacity: .8; }
.cs-facts__source { justify-self: start; font-size: .88em; }