html { font-family: 'Source Sans 3', system-ui, sans-serif; }
h1,h2,h3,h4,.font-head { font-family: 'Lexend', system-ui, sans-serif; }
body { color: #020617; background: #F8FAFC; }

.container-x { max-width: 80rem; margin-left:auto; margin-right:auto; padding-left:1.25rem; padding-right:1.25rem; }

.grid-bg {
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 44px 44px;
}

.reveal { opacity:0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; }
.reveal.in { opacity:1; transform: none; }

.tab-active { background:#0F172A; color:#fff; }

/* active nav link */
.nav-link.active { color:#0F172A; }
.nav-link.active::after {
  content:''; display:block; height:2px; background:#0369A1; border-radius:2px; margin-top:2px;
}

details > summary { list-style:none; cursor:pointer; }
details > summary::-webkit-details-marker { display:none; }
details[open] .chev { transform: rotate(180deg); }

@media (prefers-reduced-motion: reduce) {
  .reveal { opacity:1 !important; transform:none !important; transition:none; }
  html { scroll-behavior: auto; }
}