/* Static export only: public navigation remains usable without JavaScript. */
.static-site .site-header { position: sticky; }
.static-site .main-content { padding-top: 0; }
.static-site .nav-menu { display: flex; gap: 12px; }
.static-not-found { max-width: 760px; padding: 5rem 1.5rem; margin: auto; }
.static-not-found h1, .static-not-found p { margin-bottom: 1rem; }
.static-site .post-content pre { max-width: 100%; overflow-x: auto; }
.static-site .post-content table { display: block; max-width: 100%; overflow-x: auto; }
@media (max-width: 600px) {
    .static-site .header-nav { flex-wrap: wrap; justify-content: center; gap: 8px; padding: 12px; }
    .static-site .nav-menu { flex-wrap: wrap; justify-content: center; gap: 4px; }
    .static-site .nav-link { padding: 8px; }
    .static-site .nav-menu .btn { padding: 8px 14px; }
    .static-site .hero { min-height: auto; padding: 48px 0; }
    .static-site .hero-title { font-size: clamp(28px, 8vw, 40px); overflow-wrap: anywhere; }
    .static-site .hero-content { gap: 36px; min-width: 0; }
    .static-site .hero-content > * { min-width: 0; }
    .static-site .features-grid { grid-template-columns: minmax(0, 1fr); }
    .static-site .post-container { padding: 1rem; min-width: 0; }
    .static-site .post-content { padding: 1rem; overflow-wrap: anywhere; }
}