/* Shared base styles + a small set of utility/component classes reused across the render-to-innerHTML JS panels (see docs/arch/web.md for the panel-ownership rule). Linked from both index.html and spots.html. Most per-element styling still lives inline in the JS — computed colors (tier/status/confidence), per-item pixel geometry (chart paths, marker sizes, bar heights), and one-off layout are data-driven and don't belong in a stylesheet. Only genuinely identical, repeated box-model patterns are pulled out here; page-specific rules (hover states, #map sizing) stay in each page's own