#results{display:flex;flex-direction:column;gap:1rem;padding:0 1rem 1.5rem}
#results .top-card{width:auto}
#results .top-card__info ul{margin-bottom:0}
.actions{display:flex;flex-direction:column;gap:0.625rem;margin-top:auto;padding:1rem}
.providers{align-items:center;color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:0.75rem;gap:0.125rem 0.375rem;justify-content:center;line-height:1.3}
.providers strong{color:var(--color-text-main)}
.providers .material-symbols-outlined{color:var(--color-text-light);font-size:15px}

@media (min-width: 768px){
#results{gap:1.25rem;padding:0}
#results .top-card{display:grid;grid-template-columns:15rem minmax(0, 1fr);grid-template-rows:1fr auto}
#results .top-card img{grid-column:1;grid-row:1 / -1;height:100%;min-height:10rem}
#results .top-card__info{grid-column:2;grid-row:1;padding:1.125rem 1.25rem}
#results .top-card__info h3{font-size:1.25rem}
#results .top-card__info li{font-size:var(--font-size-reading)}
.actions{align-items:center;border-top:1px solid var(--color-border);flex-direction:row;gap:1rem;grid-column:2;grid-row:2;justify-content:space-between;margin:0 1.25rem;padding:0.875rem 0 1.125rem}
.actions .btn-primary{flex-shrink:0;margin-top:0;order:2;width:auto}
.providers{font-size:0.8125rem;justify-content:flex-start;order:1}
}

@media (min-width: 1024px){
#results .top-card{grid-template-columns:18rem minmax(0, 1fr)}
#results .top-card__info{padding:1.25rem 1.5rem}
.actions{margin:0 1.5rem}
}