/* em_spectrum.css — the electromagnetic spectrum bar drawn by viz/em_spectrum.js (SVG + DOM cards). */

.es { display: flex; flex-direction: column; gap: 0.7rem; }
.es-band { stroke: rgba(11, 18, 32, 0.4); stroke-width: 0.5; }
.es-rad { fill: #b91c1c; } .es-mic { fill: #ea580c; } .es-ir { fill: #f59e0b; }
.es-uv { fill: #7c3aed; } .es-xr { fill: #2563eb; } .es-gam { fill: #c7d2fe; }
.es-tick { fill: #aebdce; font-size: 8.5px; font-weight: 600; }
.es-end { fill: #8aa0b6; font-size: 9px; font-style: italic; }
.es-marker { stroke: #f8fafc; stroke-width: 2; }
.es-mtri { fill: #f8fafc; }

.es-now { display: flex; flex-direction: column; gap: 0.2rem; align-items: center; text-align: center; padding: 0.5rem 0.6rem; border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 0.7rem; background: rgba(255, 255, 255, 0.02); }
.es-band[data-band] { display: flex; align-items: center; gap: 0.5rem; }
.es-emoji { font-size: 1.5rem; line-height: 1; }
.es-bname { font-size: 1.05rem; font-weight: 800; }
.es-t-rad { color: #f87171; } .es-t-mic { color: #fb923c; } .es-t-ir { color: #fbbf24; }
.es-t-vis { color: #34d399; } .es-t-uv { color: #a78bfa; } .es-t-xr { color: #60a5fa; } .es-t-gam { color: #c7d2fe; }
.es-use { margin: 0; font-size: 0.82rem; color: #aebdce; max-width: 30rem; }