@use './detail';

:host {
  display: block;
}

.service-icon {
  display: block;
  margin-bottom: 1.25rem;
}

// A textarea's line breaks are the writer's paragraphs.
.service-text {
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.7;
  white-space: pre-line;
}

.service-grid {
  display: grid;
  gap: 1.25rem;

  @media (min-width: 640px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.service-technologies {
  margin-top: 0;
}