.bbm-root{box-sizing:border-box;max-width:1100px;margin:24px auto;padding:20px;background:#081321;color:#f4f7fa;border-radius:18px;font-family:system-ui,-apple-system,Arial,sans-serif}.bbm-root *{box-sizing:border-box}.bbm-hero{background:linear-gradient(130deg,#152f48,#091321);padding:28px 18px;border-radius:14px;text-align:center}.bbm-eyebrow{color:#f0bd5c;font-size:12px;font-weight:800;letter-spacing:2px}.bbm-hero h2{color:#f6c45f;font-size:clamp(24px,4vw,38px);line-height:1.2;margin:12px 0}.bbm-hero p{color:#c5d2de;margin:0}.bbm-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.bbm-controls label{color:#bdcbd8;font-size:13px}.bbm-controls select{display:block;width:100%;margin-top:8px;background:#132a40;color:white;border:1px solid #476078;border-radius:9px;padding:12px;font-size:16px}.bbm-stat{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#14293e;padding:20px;border-radius:14px}.bbm-stat small{color:#afc1d1}.bbm-price{font-size:32px;font-weight:800}.bbm-change{color:#bdcbd8;font-size:13px}.bbm-signal{border-radius:50px;padding:10px 15px;background:#526174;font-weight:800}.bbm-signal.buy{background:#16765b}.bbm-signal.sell{background:#a33443}.bbm-signal.hold{background:#8b6c24}.bbm-message{color:#f2c66e;margin:18px 0;font-size:14px;min-height:20px}.bbm-chart-wrap{background:#0d2032;border-radius:14px;min-height:245px;overflow:hidden}.bbm-chart{width:100%;height:245px}.bbm-details{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.bbm-details>div{background:#172b40;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.bbm-details strong{font-size:12px;color:#b7c7d5}.bbm-details span{font-size:16px;font-weight:700}.bbm-explain{color:#b5c3d1;font-size:12px;line-height:1.6}.bbm-source{color:#f6c45f!important}@media(max-width:600px){.bbm-root{padding:12px}.bbm-controls{grid-template-columns:1fr}.bbm-details{grid-template-columns:repeat(2,1fr)}.bbm-price{font-size:26px}}

/* v1.4: viewport-width command dashboard; preserves internal readable padding */
.bbm-root{width:100vw!important;max-width:none!important;position:relative;left:50%;margin:0 0 28px -50vw!important;padding:clamp(10px,2.1vw,30px)!important;border-radius:0!important;overflow:hidden}
.bbm-hero{height:auto;aspect-ratio:1536/615;min-height:145px;max-height:615px;padding:0!important;background:#070b12 url('../images/precious-metals-header.png') center center/cover no-repeat!important;border-radius:12px!important}
.bbm-ticker{display:flex;align-items:center;gap:12px;overflow:hidden;background:#060d16;border:1px solid #283c4b;border-radius:10px;margin:0 0 14px;min-height:50px}
.bbm-ticker-label{padding:13px 14px;white-space:nowrap;font-weight:900;font-size:11px;letter-spacing:1px;color:#eec56c;background:#162538;z-index:1}
.bbm-ticker-window{overflow:hidden;flex:1;min-width:0}
.bbm-ticker-track{display:flex;align-items:center;gap:26px;width:max-content;min-width:100%;animation:bbm-ticker-scroll 32s linear infinite}
.bbm-ticker:hover .bbm-ticker-track{animation-play-state:paused}
.bbm-ticker-item{display:inline-flex;gap:8px;align-items:center;white-space:nowrap;font-size:13px;font-weight:700;padding:12px 0;color:#d6e1ed}
.bbm-ticker-item small{color:#a8b7c7;font-size:10px;font-weight:500}
.bbm-up{color:#24d897!important}.bbm-down{color:#ff6878!important}.bbm-flat{color:#c2cbd6!important}
@keyframes bbm-ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.bbm-change.bbm-up,.bbm-growth.bbm-up{color:#24d897}.bbm-change.bbm-down,.bbm-growth.bbm-down{color:#ff6878}
@media(prefers-reduced-motion:reduce){.bbm-ticker-track{animation:none;flex-wrap:wrap;width:auto}}
@media(max-width:600px){.bbm-root{padding:9px!important}.bbm-ticker-label{padding:12px 8px;font-size:10px}.bbm-ticker-track{gap:17px}.bbm-hero{min-height:120px}}