/* Global base styles */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  overflow-x: hidden;
  margin: 0;
}

main#main-content {
  min-height: 60vh;
}

a { transition: 0.2s ease; }
a:hover { opacity: 0.85; }

img { max-width: 100%; height: auto; display: block; }

/* Utility classes */
.container { max-width: 1200px; margin: 0 auto; padding: 0 5%; }
.text-center { text-align: center; }
.mt-2 { margin-top: .5rem; }
.mt-4 { margin-top: 1.5rem; }
.mb-2 { margin-bottom: .5rem; }
.mb-4 { margin-bottom: 1.5rem; }

/* Header/footer can rely on partial CSS additions here if needed */
header.site-header { background: rgba(0,0,0,0.25); backdrop-filter: blur(8px); }
footer.site-footer { background: rgba(0,0,0,0.3); backdrop-filter: blur(8px); }