/* ============================================================================ styles.css — shared component styles for ¡No Problemos! These rules are page-agnostic: they consume CSS custom properties (--accent, --surface, --border, …) that each HTML page defines in its own :root block, so a page's theme values stay local while the component markup is styled once here. Loaded via in the BEFORE each page's inline