/* ========================================== */
/* SETUP DETAILS SPECIFIC LAYOUT              */
/* ========================================== */

.setup-details-page {
  width: 80%;
  margin: auto;
}

/* Decorative Layout Separator */
.section-divider {
  border: 0;
  border-top: 1px solid var(--color-border);
  max-width: 1200px;
  margin: 40px auto;
}

/* Base Process Section Layout */
.process-section {
  margin: auto;
  max-width: 60vw;
}

.process-title {
  font-size: 2rem;
  margin-bottom: 20px;
}

.process-subtitle {
  max-width: 700px;
  margin: 0 auto 60px auto;
}

/* Sequential Step Cards Layout */
.process-step-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 60px;
}

.step-header {
  display: flex;
  align-items: center;
  gap: 15px;
}

.step-header h3 {
  font-size: 1.4rem;
}

/* Number Callouts Layout */
.step-number {
  font-size: 1.5rem;
  color: #ffb704; /* Matches accent brand gold */
  font-weight: bold;
}

.step-number.highlight {
  color: var(--color-primary);
}

/* Block Content Constraints */
.step-text p {
  color: #333;
  line-height: var(--spacing-text);
  max-width: 800px;
}

.step-list {
  color: #333;
  padding-left: 20px;
  line-height: 1.8;
}

/* Premium Highlight Block Layout (Step 4) */
.premium-step {
  margin-bottom: 40px;
  padding: 30px;
  background-color: #f9f9f9;
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius-standard);
}

.policy-scope-section {
  width: 80%;
  margin: auto;
}


@media screen and (max-width: 1024px) {
  .setup-details-page {
  width: 98%;
  
}

.process-section {
  /* margin: auto; */
  max-width: 90%;
}

.policy-scope-section {
  width: 90%;
  
}


}