/* ============================================
   Chapter 3: Semantic Manipulation
   ============================================ */

/* Chapter hero background — now handled by styles.css .chapter-hero selectors */

#semantic-section { min-height: 100vh; }
#semantic-section .demo-section__canvas,
#lofihifi-section .demo-section__canvas,
#semanticlighting-section .demo-section__canvas,
#semanticanimation-section .demo-section__canvas,
#colorbox-section .demo-section__canvas { min-height: 600px; }