/* Shared ANSI / figlet wordmark — tokens only (design-tokens / blueprint palette) */
.ansi-wordmark-band {
  max-width: 1200px;
  margin: -1px auto 0;
  padding: 28px 40px 0;
  position: relative;
  z-index: 2;
}
.ansi-wordmark-band + .container {
  padding-top: 28px;
}
.ansi-wordmark-band .code-label {
  display: block;
  text-align: center;
  margin-bottom: 10px;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--accent-secondary, #ff006e);
  font-family: var(--font-mono, 'Courier New', 'IBM Plex Mono', monospace);
}
.ansi-wordmark {
  font-family: var(--font-mono, 'Courier New', 'IBM Plex Mono', monospace);
  font-size: clamp(7px, 1.35vw, 12px);
  line-height: 1.08;
  color: var(--accent-primary, #00d9ff);
  background: var(--bg-darker, #05070f);
  border: 1px solid var(--border, #2d3856);
  border-radius: 8px;
  padding: 18px 20px;
  margin: 0;
  overflow-x: auto;
  white-space: pre;
  text-align: center;
  text-shadow: 0 0 18px rgba(0, 217, 255, 0.25);
  box-shadow: 0 0 28px rgba(0, 217, 255, 0.12), 0 10px 28px rgba(0, 0, 0, 0.45);
}
.ansi-wordmark.is-wide {
  font-size: clamp(5px, 0.95vw, 9px);
}
@media (max-width: 768px) {
  .ansi-wordmark-band { padding: 20px 16px 0; }
  .ansi-wordmark-band + .container { padding-top: 20px; }
  .ansi-wordmark { font-size: 6px; padding: 12px 10px; }
  .ansi-wordmark.is-wide { font-size: 5px; }
}