/* Ticker — thin announcement bar above nav (mono, ink) */
.ticker {
  background: var(--ink); color: var(--sage);
  height: var(--ticker-h); overflow: hidden;
  display: flex; align-items: center;
}
.ticker__track {
  display: flex; gap: 40px; white-space: nowrap;
  font-family: var(--font-mono); font-size: 13px; font-weight: 400;
  letter-spacing: -0.008em;
  animation: ticker 40s linear infinite; padding-left: 40px;
}
.ticker span::after { content: "—"; margin-left: 40px; color: var(--lime); }
@keyframes ticker { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .ticker__track { animation: none; } }

/* Header — light nav with ghost pill links (template nav style) */
.site-header {
  position: sticky; top: 0; z-index: 100;
  background: var(--bg); color: var(--ink);
  border-bottom: var(--border-w) solid var(--border-soft);
}
.site-header .wrap {
  height: var(--header-h);
  display: flex; align-items: center; gap: 12px;
}
.brand {
  display: flex; align-items: center; gap: 10px;
  color: var(--ink); text-decoration: none;
  font-family: var(--font-display); font-weight: 450; font-size: 19px;
  letter-spacing: -0.01em; white-space: nowrap; flex-shrink: 0;
}
.brand__mark {
  width: 10px; height: 10px; border-radius: 50%;
  background: var(--lime); flex-shrink: 0;
}
/* Nav — always the MENU disclosure under the header bar; never a wide top-bar menu */
.main-nav {
  display: none; position: absolute; top: var(--header-h); left: 0; right: 0;
  background: var(--bg); border-bottom: var(--border-w) solid var(--border-soft);
  padding: 14px 24px 22px;
}
.main-nav.is-open { display: block; }
.main-nav ul {
  display: flex; flex-direction: column; gap: 6px;
  list-style: none; padding: 0; max-width: 560px; margin: 0 auto;
}
.main-nav a {
  display: block; padding: 10px 16px; text-align: center;
  font-family: var(--font-mono); font-size: 13px; letter-spacing: -0.02em;
  text-transform: uppercase; text-decoration: none; color: var(--slate);
  border: var(--border-w) solid var(--sage); border-radius: var(--radius-btn);
  background: transparent;
}
.main-nav a:hover { color: var(--ink); border-color: var(--border); }
.main-nav a[aria-current="page"] { background: var(--lime); color: var(--ink); border-color: var(--lime); }
.header-actions { display: flex; gap: 8px; align-items: center; margin-left: auto; }
.nav-toggle {
  display: block; background: none;
  border: var(--border-w) solid var(--sage); color: var(--slate);
  border-radius: var(--radius-btn); padding: 8px 16px;
  font-family: var(--font-mono); font-size: 13px; letter-spacing: -0.02em; text-transform: uppercase;
}
.nav-toggle:hover { color: var(--ink); border-color: var(--border); }
@media (max-width: 640px) {
  .header-actions .btn--solid { display: none; }
}