/* Gradual entry content, matching the soft purple cards used on the ACCB page. */
.gradual-entry {
  max-width: 800px;
  margin: 0 auto 40px;
  color: #414153;
  font: 400 1.0625rem/1.7 Arial, sans-serif;
  text-align: left;
}

.gradual-entry h2,
.gradual-entry h3 {
  margin: 0 0 14px;
  color: var(--darkpurple, #484f7f);
  font-family: 'KGMidnightMemories', Arial, sans-serif;
  line-height: 1.3;
  font-weight: 600;
}

.gradual-entry h2 { font-size: clamp(1.8rem, 4vw, 2.4rem); }
.gradual-entry h3 { font-size: 1.4rem; }
.gradual-entry p,
.gradual-entry ul {
  margin: 0 0 16px;
  font: inherit;
}
.gradual-entry ul { padding-left: 1.5em; list-style: disc outside; }
.gradual-entry li { margin-bottom: 8px; }
.gradual-entry li::marker { color: #72538a; }
.gradual-entry__steps { margin: 28px 0; }
.gradual-entry__card,
.gradual-entry__tips,
.gradual-entry__guide {
  margin-top: 20px;
  padding: 24px;
  border: 1px solid #e2dce9;
  border-radius: 16px;
  background: #f8f5fb;
}
.gradual-entry__reassurance { margin: 28px 0; }
.gradual-entry__guide { background: #edf5fb; border-color: #cbdfea; }
.gradual-entry__guide .button {
  max-width: 100%;
  box-sizing: border-box;
  white-space: normal;
  text-align: center;
}
/* Opt-in text links inherit the surrounding copy without changing global links. */
.gradual-entry a.gradual-entry__link {
  font: inherit;
  color: #174a7e;
  text-underline-offset: 0.15em;
}

.gradual-entry a.gradual-entry__link:hover,
.gradual-entry a.gradual-entry__link:focus-visible {
  color: #10365c;
  text-decoration: none;
}

.gradual-entry a:focus-visible { outline: 3px solid #72538a; outline-offset: 4px; }
.gradual-entry section > :last-child { margin-bottom: 0; }

@media (max-width: 480px) {
  .gradual-entry { font-size: 1rem; }
  .gradual-entry__card,
  .gradual-entry__tips,
  .gradual-entry__guide { padding: 20px 16px; }
}