/* ==========================================================
   Technologies — stack badge groups
========================================================== */

.tech-groups{ display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 36px; }
.tech-group h4{
  font-family: var(--font-mono); font-size: 11.5px; color: var(--fog-dim);
  letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 16px;
}
.tech-badges{ display: flex; flex-wrap: wrap; gap: 10px; }
.tech-badges span{
  font-family: var(--font-mono); font-size: 12.5px; color: var(--paper);
  border: 1px solid var(--line); padding: 8px 14px; border-radius: 999px;
  transition: border-color .2s ease, color .2s ease;
}
.tech-badges span:hover{ border-color: var(--signal); color: var(--signal-2); }