.metals-hub.svelte-172q2vn{background:linear-gradient(#f9fafb 0%,#fff 100%);min-height:calc(100vh - 200px);padding:2rem 0}.hub-container.svelte-172q2vn{max-width:1400px;margin:0 auto;padding:0 1rem}.hub-header.svelte-172q2vn{background:linear-gradient(60deg,#2980b9,#6dd5fa);border-radius:16px;margin-bottom:2rem;padding:2.5rem 1.5rem;box-shadow:0 10px 30px #2980b933}.hub-header-content.svelte-172q2vn{text-align:center;max-width:800px;margin:0 auto}.hub-title.svelte-172q2vn{color:#fff;letter-spacing:-.02em;margin:0 0 .75rem;font-size:2.5rem;font-weight:700}.hub-intro.svelte-172q2vn{color:#fffffff0;margin:0;font-size:1.0625rem;line-height:1.6}.card.svelte-172q2vn{background:#fff;border:1px solid #f0f0f0;border-radius:16px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 20px #00000014}.card-header.svelte-172q2vn{border-bottom:2px solid #f0f0f0;margin-bottom:1.25rem;padding-bottom:1rem}.card-title.svelte-172q2vn{color:#1f2937;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.card-subtitle.svelte-172q2vn{color:#6b7280;margin:0;font-size:.875rem}.metal-grid.svelte-172q2vn{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.metal-link.svelte-172q2vn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:.125rem;padding:.625rem .75rem;text-decoration:none;display:flex}.metal-link.svelte-172q2vn:hover{background:#f0f9ff;border-color:#2980b9}.metal-name.svelte-172q2vn{color:#2980b9;font-size:.9375rem;font-weight:600}.metal-meta.svelte-172q2vn{color:#64748b;font-size:.75rem}.sibling-link.svelte-172q2vn{color:#2980b9;background:#f0f9ff;border:1px solid #2980b9;border-radius:8px;padding:.625rem 1rem;font-weight:600;text-decoration:none;display:inline-block}.sibling-link.svelte-172q2vn:hover{color:#fff;background:#2980b9}.hub-empty.svelte-172q2vn{color:#64748b;margin:0}.data-note.svelte-172q2vn{color:#64748b;margin:0 0 .75rem;font-size:.8125rem;line-height:1.5}@media (max-width:768px){.metals-hub.svelte-172q2vn{padding:1rem 0}.hub-container.svelte-172q2vn{padding:0 .5rem}.hub-title.svelte-172q2vn{font-size:2rem}.card.svelte-172q2vn{border-radius:12px;padding:1.5rem}.card-title.svelte-172q2vn{font-size:1.25rem}.metal-grid.svelte-172q2vn{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}