.market-page { width: min(1220px, calc(100% - 32px)); margin: 1.2rem auto 0; display: grid; gap: 1.3rem; }
.market-hero { display: grid; grid-template-columns: 1fr auto; gap: 1.4rem; align-items: center; }
.market-hero h1 { font-size: clamp(2.6rem, 7vw, 5.6rem); }
.terminal-price { min-width: 330px; padding: 1.2rem; border: 1px solid var(--border); border-radius: 24px; background: rgba(212,175,55,.08); }
.terminal-price span, .stat-tile span, .metal-card span { display: block; color: var(--text-secondary); font-weight: 900; text-transform: uppercase; letter-spacing: .1em; font-size: .75rem; }
.terminal-price strong { display: block; color: var(--gold-light); font-family: var(--font-mono); font-size: clamp(2rem, 5vw, 3.7rem); line-height: 1.05; margin: .45rem 0; }
.market-grid { display: grid; grid-template-columns: 1fr 280px; gap: 1rem; }
.chart-panel { padding: 1.2rem; overflow: hidden; }
.panel-head { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; }
.panel-head h2, .education h2 { font-size: clamp(2rem, 4vw, 3.2rem); }
.currency-toggle { display: flex; gap: .45rem; }
.currency-toggle button { border: 1px solid var(--border); border-radius: 999px; background: rgba(255,255,255,.055); color: var(--text-primary); padding: .45rem .8rem; cursor: pointer; }
.currency-toggle .active { color: #111827; background: var(--gold); }
.big-chart { width: 100%; min-height: 360px; filter: drop-shadow(0 0 18px rgba(212,175,55,.16)); }
.stats-column { display: grid; gap: 1rem; }
.stat-tile, .metal-card { padding: 1.15rem; }
.stat-tile strong, .metal-card strong { display: block; font-family: var(--font-mono); font-size: 1.8rem; margin: .35rem 0; color: var(--gold-light); }
.stat-tile .positive { color: #86efac; }
.metals-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.metal-card p { margin: 0; }
.education { padding: 1.5rem; }
.education-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.education-grid article { border: 1px solid var(--border); border-radius: 20px; padding: 1rem; background: rgba(255,255,255,.04); }
@media (max-width: 1000px) { .market-hero, .market-grid { grid-template-columns: 1fr; } .terminal-price { min-width: 0; } .metals-grid, .education-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 650px) { .metals-grid, .education-grid { grid-template-columns: 1fr; } .big-chart { min-height: 240px; } }