/* Seller page (/sell/) — the "what you get" grid.
   The form itself is styled by page.css so the investor page matches it.
*/

.value-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1rem;
}

@media (min-width: 700px) {
  .value-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
  }
}

@media (min-width: 1040px) {
  .value-list {
    grid-template-columns: repeat(4, 1fr);
  }
}

.value-list li {
  padding: 1.75rem 1.5rem 1.5rem;
  background: var(--surface);
  border: 1px solid var(--line);
  border-top: 3px solid var(--blue);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
}

.value-list h3 {
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
}

.value-list p {
  margin: 0;
  font-size: 0.92rem;
  color: var(--muted);
}