.section-stack {
  background: var(--paper);
  padding: clamp(72px, 10vw, 140px) 0;
}

.stack-list {
  border-top: 1px solid var(--line);
}

.stack-row {
  display: grid;
  grid-template-columns: minmax(140px, 220px) 1fr;
  gap: clamp(16px, 4vw, 48px);
  padding: clamp(22px, 3vw, 34px) 0;
  border-bottom: 1px solid var(--line);
  align-items: start;
}

.stack-category {
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--clay);
  padding-top: 6px;
}

.stack-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.stack-tag {
  font-family: var(--font-mono);
  font-size: 13.5px;
  border: 1px solid var(--line);
  padding: 7px 13px;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.stack-tag:hover {
  background: var(--ink);
  color: var(--paper);
  border-color: var(--ink);
}

@media (max-width: 600px) {
  .stack-row {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}