/* Dark site chrome on light article pages */
.header, .mobile-nav, .header a, .mobile-nav a { font-family: "IBM Plex Sans", system-ui, sans-serif; }
.header {
  --accent: #00ffa3;
  --text: #f0f0f2;
  --text-muted: #7a7a88;
  --border: rgba(255,255,255,.07);
  position: fixed; inset: 0 0 auto; height: 68px; z-index: 100;
  background: rgba(5,5,6,.92); backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--border);
  color: var(--text);
}
.header a { color: inherit; text-decoration: none; }
.container { width: min(1240px, 92vw); margin-inline: auto; }
.header__inner { height: 100%; display: flex; align-items: center; gap: 1.5rem; }
.logo { display: flex; align-items: center; gap: 0.6rem; font-weight: 600; font-size: 0.95rem; }
.logo__mark {
  width: 34px; height: 34px; display: grid; place-items: center;
  font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 0.65rem; font-weight: 600;
  border: 1px solid rgba(0,255,163,.4); border-radius: 9px;
  background: rgba(0,255,163,.1); color: #00ffa3;
}
.logo__dot { color: #00ffa3; }
.nav { display: flex; gap: 1.4rem; margin-left: auto; flex-wrap: wrap; }
.nav a { font-size: 0.82rem; color: var(--text-muted); transition: color .2s; }
.nav a:hover, .nav a.is-on { color: var(--text); }
.btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0.5rem 1rem; border-radius: 999px; font-size: 0.78rem; font-weight: 500;
  text-decoration: none;
}
.header__cta { background: #00ffa3; color: #031a12 !important; margin-left: 0.25rem; }
.burger { display: none; flex-direction: column; gap: 6px; margin-left: auto; padding: 8px; background: none; border: none; cursor: pointer; }
.burger span { display: block; width: 22px; height: 2px; background: #f0f0f2; }
.mobile-nav {
  position: fixed; inset: 68px 0 0; z-index: 99;
  background: rgba(5,5,6,.97); backdrop-filter: blur(20px);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 1.25rem; font-size: 1.15rem; color: #f0f0f2;
}
.mobile-nav a { color: #f0f0f2; text-decoration: none; }
.mobile-nav[hidden] { display: none !important; }
.pitch-note { text-align: center; color: #6e6e73; font-size: 12px; padding: 0 24px 28px; position: relative; z-index: 1; }
.site-end {
  position: relative; z-index: 2;
  background: #050506; color: #f0f0f2;
  padding: 48px 24px 56px; text-align: center;
  font-family: "IBM Plex Sans", system-ui, sans-serif;
}
.site-end p { color: #7a7a88; max-width: 520px; margin: 0 auto 20px; }
.site-end .btn { background: #00ffa3; color: #031a12; padding: 0.85rem 1.4rem; margin: 0 6px 8px; }
.site-end .btn--ghost { background: transparent; color: #f0f0f2; border: 1px solid rgba(255,255,255,.12); }
@media (max-width: 760px) {
  .nav { display: none; }
  .burger { display: flex; }
  .header__cta { display: none; }
}