.skill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  max-width: 920px;
}

.skill-tag {
  padding: 8px 12px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.018);
  color: var(--text-soft);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.71rem;
  transition:
    border-color 180ms ease,
    color 180ms ease,
    background 180ms ease;
}

.skill-tag:hover {
  border-color: rgba(216, 168, 62, 0.38);
  background: var(--accent-soft);
  color: var(--accent-bright);
}

.learning-note {
  max-width: 780px;
  margin-top: 34px;
  padding: 20px 22px;
  border: 1px solid var(--border);
  border-left: 2px solid var(--green);
  border-radius: 14px;
  background: var(--surface);
  color: var(--muted);
  font-size: 0.9rem;
}

.learning-note strong {
  color: var(--green);
}