.article-share { margin: 22px 0; padding: 18px 0; border-top: 1px solid rgba(255,255,255,.14); border-bottom: 1px solid rgba(255,255,255,.14); }
.article-share-label { display: block; color: #ddd; font-size: 14px; margin-bottom: 10px; }
.article-share-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.article-share-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 44px; min-height: 44px; padding: 10px 13px; border: 1px solid #6a727f; border-radius: 8px; background: #273242; color: #fff; font: inherit; font-size: 14px; text-decoration: none; cursor: pointer; }
.article-share-button:hover { color: #fff; background: #39495e; text-decoration: none; }
.article-share-button:focus-visible { outline: 3px solid #ffd700; outline-offset: 3px; color: #fff; }
.article-share-button .fa { font-size: 19px; }
.share-whatsapp { background: #137b3a; border-color: #269a50; font-weight: 600; }
.share-whatsapp:hover { background: #0d612d; }
.article-share [hidden] { display: none !important; }
.share-status { display: block; color: #ddd; font-size: 13px; }
.share-status:not(:empty) { margin-top: 10px; }
.share-link-fallback { width: 100%; margin-top: 10px; padding: 10px; color: #fff; background: #17202d; border: 1px solid #8893a3; border-radius: 5px; }
.metals-market-widget { max-width: 400px; }
.metals-market-widget .market-item { flex-wrap: wrap; gap: 8px 16px; }
.metals-market-widget .metal-price { white-space: nowrap; }
.metals-note, .metals-source, .metals-updated { color: #e0e6ed; font-size: 12px; line-height: 1.6; margin: 0; }
.metals-source a { color: #fff; text-decoration: underline; }
.metals-updated { display: block; }
[data-state="stale"] .metals-updated, [data-state="unavailable"] .metals-updated { color: #ffe39b; }
@media (max-width: 480px) { .news-article { padding: 18px; } .article-share-actions { gap: 6px; } .article-share-button { padding: 9px 10px; } }