.personas { border-top: 1px solid var(--rule-dark); }

.persona {
  display: grid;
  gap: 2rem;
  align-items: center;
  padding-block: clamp(2.5rem, 5vw, 3.75rem);
  border-bottom: 1px solid var(--rule-dark);
}

@media (min-width: 56rem) {
  .persona { grid-template-columns: 1fr 1fr; gap: clamp(3rem, 6vw, 5rem); }
  .persona:nth-child(even) .persona-copy { order: 2; }
}

.persona-copy { display: grid; gap: 1rem; justify-items: start; }
.persona-copy h3 { font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.1rem); }
.persona-copy p { margin: 0; max-width: var(--measure); color: rgba(236, 238, 241, 0.72); }

.cue {
  margin: 0;
  padding: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 500;
  font-size: clamp(1.3rem, 1rem + 1.2vw, 1.85rem);
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: rgba(236, 238, 241, 0.24);
}

.cue-spent { color: var(--desk); }

.cue mark {
  background: none;
  color: var(--live);
  text-shadow: 0 0 1.6rem rgba(255, 198, 92, 0.45);
}

.download--link,
.download--link:hover {
  padding: 0;
  background: none;
  box-shadow: none;
  transform: none;
  color: var(--live);
  font-size: 1rem;
}

.download--link::after { content: "→"; transition: transform 160ms ease; }
.download--link:hover::after { transform: translateX(0.2rem); }