:root {
  color-scheme: light;
}

html {
  scroll-behavior: smooth;
}

body {
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

.h-18 { height: 4.5rem; }

.hero-gradient {
  background: linear-gradient(180deg, rgba(15,23,42,0.15) 0%, rgba(15,23,42,0.75) 100%);
}

.prose-content {
  line-height: 1.75;
}
.prose-content p { margin-bottom: 1.1em; }
.prose-content h2, .prose-content h3 { font-weight: 700; margin-top: 1.5em; margin-bottom: 0.6em; }

/* Lightbox */
#lightbox {
  position: fixed; inset: 0; z-index: 100;
  background: rgba(2,6,23,0.92);
  display: none; align-items: center; justify-content: center; padding: 1.5rem;
}
#lightbox.open { display: flex; }
#lightbox img { max-height: 88vh; max-width: 92vw; border-radius: 8px; }

/* Card hover lift */
.card-lift { transition: transform .2s ease, box-shadow .2s ease; }
.card-lift:hover { transform: translateY(-4px); box-shadow: 0 20px 40px -12px rgba(0,0,0,0.18); }

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

.overflow-x-scroll-container { overflow-x: auto; -webkit-overflow-scrolling: touch; }