/* Welcome-page specifics (moved out of index.html so the deployment CSP,
   which is style-src 'self', no longer blocks it). Rules unchanged. */
.hero-resources { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; color: inherit; opacity: .65; text-decoration: none; font-size: 14px; font-weight: 550; padding: 10px 20px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(255,255,255,.04); backdrop-filter: blur(8px); transition: opacity .2s, background .2s, transform .2s; }
.hero-resources:hover { opacity: 1; background: rgba(255,255,255,.09); transform: translateY(-2px); }