/**
 * Universal SEO Diagnostic Framework (23 Master Slides)
 * Dedicated Slide Deck Stylesheet (Self-Contained in seo-framework/)
 * Isolated exclusively for this interactive presentation deck
 */

/* Strict Typography Standards */
html, body {
  font-family: 'Sarabun', sans-serif;
  font-size: 17px;
  line-height: 1.8;
  background-color: #080e1a;
  color: #1e293b;
  overflow: hidden;
  height: 100%;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6, .font-heading, button, .btn {
  font-family: 'Noto Sans Thai', sans-serif;
}

p, li, td, th, input, label, span {
  font-size: 17px;
}

code, pre, .font-mono {
  font-family: 'JetBrains Mono', monospace;
}

/* Slide Transition Animations */
.slide-stage {
  transition: opacity 0.22s ease, transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

.slide-exit-left {
  opacity: 0;
  transform: translateX(-40px) scale(0.98);
}

.slide-exit-right {
  opacity: 0;
  transform: translateX(40px) scale(0.98);
}

.slide-enter-active {
  opacity: 1;
  transform: translateX(0) scale(1);
}

/* Custom Scrollbar for Inner Cards & Drawer */
.custom-scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.custom-scroll::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.05);
  border-radius: 4px;
}

.custom-scroll::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.2);
  border-radius: 4px;
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(15, 23, 42, 0.4);
}