/* Custom styles layered on top of compiled tailwind.css */

html {
  scroll-behavior: smooth;
}

/* Header always solid: nav link colors on the blue bar */
#site-header .nav-link {
  color: rgba(255, 255, 255, 0.85);
}
#site-header .nav-link:hover,
#site-header .nav-link.is-active {
  color: #fff;
}

/* Reserve space so fixed header doesn't overlap anchor targets */
section[id] {
  scroll-margin-top: 6rem;
}

/* Long-form document styling (Nexiter guide, privacy, terms) */
.prose-doc {
  color: #334155;
  line-height: 1.7;
}
.prose-doc h2 {
  font-family: "Space Grotesk", Inter, sans-serif;
  color: #0b1120;
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 2.5rem;
  margin-bottom: 0.75rem;
}
.prose-doc h3 {
  color: #0b1120;
  font-size: 1.125rem;
  font-weight: 600;
  margin-top: 1.75rem;
  margin-bottom: 0.5rem;
}
.prose-doc p { margin: 1rem 0; }
.prose-doc ul, .prose-doc ol { margin: 1rem 0; padding-left: 1.4rem; }
.prose-doc ul { list-style: disc; }
.prose-doc ol { list-style: decimal; }
.prose-doc li { margin: 0.4rem 0; }
.prose-doc a { color: #2563eb; text-decoration: underline; text-underline-offset: 2px; }
.prose-doc a:hover { color: #1d4ed8; }
.prose-doc strong { color: #0f172a; font-weight: 600; }
.prose-doc hr { border: 0; border-top: 1px solid #e2e8f0; margin: 2.5rem 0; }

.prose-doc table.kv {
  width: 100%;
  border-collapse: collapse;
  margin: 1.25rem 0;
  font-size: 0.95rem;
}
.prose-doc table.kv th {
  text-align: left;
  vertical-align: top;
  width: 34%;
  padding: 0.6rem 0.8rem;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  font-weight: 600;
  color: #0f172a;
}
.prose-doc table.kv td {
  vertical-align: top;
  padding: 0.6rem 0.8rem;
  border: 1px solid #e2e8f0;
}

.prose-doc ol.steps > li { margin-bottom: 1.1rem; }
.prose-doc ol.steps > li > strong { display: block; margin-bottom: 0.25rem; }

.doc-note {
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 0.75rem;
  padding: 1rem 1.1rem;
  margin: 1.25rem 0;
  color: #1e3a5f;
}
.doc-tag {
  display: inline-block;
  background: #0b1120;
  color: #fff;
  border-radius: 0.4rem;
  padding: 0.05rem 0.45rem;
  font-size: 0.8em;
  font-weight: 500;
  white-space: nowrap;
}