/* Ink & Pixels — Contact page (interactive terminal). contact.css only loads on contact.html. */

.term-live { max-width: 940px; margin-top: var(--space-8); }
/* the terminal is the centerpiece of this page — let it fill the space, not float in it */
#term-out {
  min-height: clamp(320px, 46vh, 560px); max-height: 60vh; overflow-y: auto;
  font-size: var(--text-base); line-height: 1.85;
}
#term-out .cmdline { color: #eaf3e8; margin: var(--space-1) 0 0; }
#term-out .cmdline .prompt { color: var(--accent-9); }
#term-out .ok { color: var(--accent-9); }

.term-input {
  display: flex; align-items: center; gap: var(--space-2);
  padding: var(--space-2) var(--space-6) var(--space-6);
}
.term-input .prompt { color: var(--accent-9); font-family: var(--font-mono); font-size: var(--text-base); }
#term-cmd {
  flex: 1; background: transparent; border: none; outline: none; color: #eaf3e8;
  font-family: var(--font-mono); font-size: var(--text-base); caret-color: var(--accent-9);
  padding: var(--space-1) 0;
}
#term-cmd:focus { box-shadow: inset 0 -2px 0 var(--accent-9); }  /* focus indicator — never remove focus (interaction.md) */

.term-hint { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--text-secondary); margin-top: var(--space-4); }
.term-hint a { color: var(--accent-text); }

@media (max-width: 720px) {
  #term-out { min-height: clamp(280px, 50vh, 460px); max-height: 64vh; font-size: var(--text-sm); }
  #term-cmd, .term-input .prompt { font-size: var(--text-sm); }
}