/* ───────────────────────────────────────────────────────────
   /tech instrument kit — shared dark-robot chrome across tools.
   Header primitives only (each tool keeps its own component CSS).
   Inherits the site palette from main.css :root; falls back if absent.
   ─────────────────────────────────────────────────────────── */
.tk-head { margin: 1.6rem 0 1.3rem; }
.tk-eyebrow {
  font-family: var(--mono, ui-monospace, "JetBrains Mono", Consolas, monospace);
  font-size: .68rem; letter-spacing: .28em; text-transform: uppercase;
  color: var(--text-muted, #7a7a88);
  display: flex; align-items: center; gap: .55rem; margin: 0 0 .55rem;
}
.tk-led {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--accent, #CC0000); box-shadow: 0 0 8px var(--accent, #CC0000);
  animation: tkBlink 2.6s infinite;
}
@keyframes tkBlink { 0%, 92%, 100% { opacity: 1; } 96% { opacity: .25; } }
.tk-title {
  font-family: Inter, system-ui, "Segoe UI", sans-serif;
  font-weight: 800; letter-spacing: -.02em; line-height: 1.05;
  font-size: clamp(1.8rem, 4.5vw, 2.7rem);
  color: var(--text-bright, #e8e8f0); margin: 0;
}
.tk-sub {
  color: var(--text, #c8c8d0); font-size: 1.02rem; line-height: 1.55;
  max-width: 64ch; margin: .7rem 0 0;
}
.tk-rule {
  width: 60px; height: 3px; background: var(--accent, #CC0000);
  margin: 1.1rem 0 0; box-shadow: 0 0 10px var(--accent-glow, rgba(204, 0, 0, .18));
}
@media (prefers-reduced-motion: reduce) { .tk-led { animation: none; } }