/* Critical above-the-fold styles */
        body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif; line-height: 1.6; color: #2d3748; margin: 0; }
        header, nav, main, section, article, aside, footer { display: block; }
        .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
        .hamburger-line { transition: all 0.3s ease; }
        .prose { max-width: 65ch; }
        img { max-width: 100%; height: auto; }
        /* Ensure tap targets are at least 44px [citation:2] */
        button, .nav-link, .interactive { min-height: 44px; min-width: 44px; }

        /* Layout Shift Prevention: Reserve space for images [citation:4][citation:9] */
        .img-placeholder { background-color: #e2e8f0; aspect-ratio: 16/9; width: 100%; display: flex; align-items: center; justify-content: center; color: #718096; }