/* utilities.css - Clean utility helpers and layout definitions */

.container-custom {
  width: 100%;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (min-width: 640px) {
  .container-custom {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .container-custom {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* Section divider with subtle dot indicator */
.section-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 3.5rem auto;
  max-width: 240px;
}

.section-divider-line {
  height: 1px;
  flex: 1;
  background: #e2e8f0;
}

.section-divider-dot {
  width: 6px;
  height: 6px;
  border-radius: 9999px;
  background: #279055;
}

/* Subtle glassmorphism card */
.glass-card {
  background: #ffffff;
  border: 1px solid #eef2f6;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.03);
  border-radius: 1rem;
}