/* Critical styles loaded early to prevent FOUC */
html {
  background-color: #030e14;
}

/* Prevent SVG FOUC - ensure icons don't render at native size before CSS loads */
svg.w-4 { width: 1rem; height: 1rem; }
svg.w-5 { width: 1.25rem; height: 1.25rem; }
svg.w-6 { width: 1.5rem; height: 1.5rem; }
svg.w-7 { width: 1.75rem; height: 1.75rem; }
svg.w-9 { width: 2.25rem; height: 2.25rem; }
svg.h-4 { height: 1rem; }
svg.h-5 { height: 1.25rem; }
svg.h-6 { height: 1.5rem; }
svg.h-7 { height: 1.75rem; }
svg.h-9 { height: 2.25rem; }
.modern-header-logo-icon { height: 1.5rem; width: auto; }
@media (min-width: 768px) { .modern-header-logo-icon { height: 2rem; } }