/* One resource card, with a clearly labeled link for each source language. */
.resource-product-filter{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin:4px 0 20px;padding:16px 18px;border:1px solid #d4e3f3;background:#eef5fd;border-radius:10px}
.resource-product-filter[hidden]{display:none}
.resource-product-label{font-size:.9rem;font-weight:750;color:var(--navy)}
.resource-product-options{display:flex;flex-wrap:wrap;gap:8px}
.resource-product-options .filter{min-height:44px;padding:9px 14px}
.resource-product-options .filter:focus-visible{outline:3px solid #378ce9;outline-offset:3px}
.resource-card .resource-version-links{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:auto;padding-top:8px}
.resource-card .resource-version-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;max-width:100%;margin:0;padding:9px 13px;border:1px solid #c5d8ef;border-radius:8px;background:#f3f8ff;color:#195fb7;font-weight:750;font-size:.9rem;line-height:1.4}
.resource-card .resource-version-link:hover{background:#e7f1ff;border-color:#89b5e2;text-decoration:none}
.resource-card .resource-version-link:focus-visible{outline:3px solid #378ce9;outline-offset:3px}
.resource-group-preview{position:relative;margin:-20px -20px 18px;border-radius:10px 10px 0 0;overflow:hidden;background:#f6f9fd}
.resource-group-preview img{display:block;width:100%;height:auto}
.resource-preview-language{position:absolute;bottom:12px;right:12px;border:1px solid #d5e0ee;border-radius:20px;background:#fffffff2;color:#263859;padding:4px 11px;font-size:.75rem;font-weight:700;box-shadow:0 3px 10px #171d4b10}
.resource-card .resource-download-hint{margin:1px 0 5px;font-size:.8rem;color:#61718b}
@media(max-width:680px){.resource-card .resource-version-link{min-height:46px;padding:10px 15px;font-size:.95rem}}