:root { 
  --accent: #2563eb; 
  --accent-hover: #1d4ed8; 
  --muted: #64748b; 
}

body { 
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; 
}

.container { 
  max-width: 1120px; 
}

/* Smooth hover */
a, button { 
  transition: all .2s ease; 
}

/* --- Header Refinement (User CSS) --- */
.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: #ffffff; /* Solid white */
  border-bottom: 1px solid rgba(226,232,240,0.8);
  backdrop-filter: none;
  transition: box-shadow .20s ease, background-color .20s ease, border-color .20s ease;
}

.site-header.scrolled {
  box-shadow: 0 8px 24px rgba(15,23,42,.06);
  border-bottom-color: rgba(226,232,240,1);
}

/* Accordion Logic */
.accordion-item.active .accordion-content {
  display: block !important; 
  /* Important added to override Tailwind's 'hidden' class instantly */
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}