/**
 * Performance & SEO CSS additions
 * Improves Core Web Vitals (LCP, CLS, FID) which Google uses for ranking
 */

/* Prevent layout shift — reserve space for images */
img { width: 100%; height: auto; display: block; }
img[width][height] { aspect-ratio: attr(width) / attr(height); }

/* Font display swap prevents FOIT (flash of invisible text) */
@font-face { font-display: swap; }

/* Smooth scroll for anchor links (helps dwell time) */
html { scroll-behavior: smooth; }

/* Prevent CLS from dynamic content */
.nav { min-height: 68px; }
.hero { min-height: 100vh; contain: layout; }

/* Preload hint for critical resources */
.hero-content { content-visibility: visible; }
.section { content-visibility: auto; contain-intrinsic-size: 0 500px; }

/* Print styles (Google considers print accessibility) */
@media print {
  .nav, .footer, .wa-float { display: none !important; }
  body { background: white; color: black; font-size: 12pt; }
  a::after { content: " (" attr(href) ")"; font-size: 10pt; color: #666; }
  .hero { min-height: auto; background: white; color: black; padding: 20pt 0; }
  .hero-title, .section-title { color: black !important; }
}