/* main.html resources card (moved out of the page so the deployment CSP,
   which is style-src 'self', no longer blocks it). Rules unchanged. */
.resources-card { padding: 24px; display: grid; gap: 10px; }
.resource-item { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); border-radius: 14px; }
.resource-info { min-width: 0; flex: 1; }
.resource-name { display: block; font-size: 14px; word-break: break-all; }
.resource-size { display: block; font-size: 12px; opacity: .5; margin-top: 2px; }
.resource-download { min-height: 40px; padding: 0 18px; font-size: 14px; flex-shrink: 0; text-decoration: none; }
@media (max-width: 600px) { .resource-item { flex-direction: column; align-items: stretch; } .resource-download { width: 100%; } }