/* Critical Styles to prevent layout shift and ensure fast initial paint */
        * { box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        body { font-family: '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif; line-height: 1.6; color: #2d3748; background-color: #f7fafc; margin: 0; }
        header, nav, main, section, article, aside, footer { display: block; }
        img { max-width: 100%; height: auto; display: block; }
        .skip-to-content { position: absolute; top: -40px; left: 0; background: #f9780e; color: white; padding: 8px; z-index: 100; }
        .skip-to-content:focus { top: 0; }
        .nav-hidden { transform: translateY(-100%); }
        .nav-visible { transform: translateY(0); }
        .btn { min-height: 44px; min-width: 44px; display: inline-flex; align-items: center; justify-content: center; }
        .prose-cs { max-width: 75ch; }
        .aspect-w-16 { position: relative; padding-bottom: 56.25%; } /* 16:9 Aspect Ratio */
        .aspect-w-16 > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
        /* LCP Optimization: Ensure hero image is prioritized */
        .hero-image { content-visibility: auto; }