/*
  STEWARD WEBSITE DESIGN & DEVELOPMENT
  Page-specific visual treatments only. Shared containers, columns, gaps,
  alignment, section spacing, typography, colors, cards, testimonials, and
  navigation live in the shared system files.
*/

.website-design-page {
  min-width: 20rem;
  overflow-x: hidden;
}

/* Icon-led cards */
.website-design-icon-card {
  min-height: 100%;
  align-content: start;
}

.website-design-icon {
  width: 4.5rem;
  height: 4.5rem;
  object-fit: contain;
}

.website-design-section-summary {
  margin-top: var(--row-space);
}

.website-design-result {
  min-height: 100%;
  justify-content: center;
}

.website-design-result__image {
  width: 100%;
  height: clamp(8rem, 16vw, 12rem);
  border-radius: var(--radius-small);
  object-fit: cover;
}

.website-design-result .h1 {
  color: var(--color-red);
}

.website-design-check-list {
  margin: 0;
  padding-left: 1.25rem;
}

.website-design-check-list li::marker {
  color: var(--color-gold);
}