/* ASCII name header (terminal vibe) */

.gh-ascii-header {
  margin: 0 0 18px 0;
  padding: 18px 18px;
  border: 1px solid var(--color-border);
  border-radius: 14px;
  background: color-mix(in srgb, var(--background-color) 92%, #000 8%);
  overflow-x: auto;
}

.gh-ascii {
  margin: 0;
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
  font-size: clamp(12px, 1.4vw, 16px);
  line-height: 1.05;
  letter-spacing: 0.02em;
  white-space: pre;
}

/* Smaller ASCII in the top nav so it doesn't dominate */
.gh-nav-ascii {
  font-size: 9px;
  line-height: 1.0;
  letter-spacing: 0.01em;
}

@media (max-width: 767px) {
  .gh-nav-ascii {
    font-size: 7px;
  }
}

.gh-ascii .g { color: #00ff87; }
.gh-ascii .c { color: #00e5ff; }
.gh-ascii .m { color: #ff4dd8; }
.gh-ascii .y { color: #ffd166; }
.gh-ascii .dim { color: color-mix(in srgb, var(--color-secondary-text) 70%, transparent); }