/* ==================== COUNSELLING PAGE ==================== */

.counselling-hero h1{ font-size: 2.1rem; margin-bottom: 1.3rem; }
@media (min-width: 900px){ .counselling-hero h1{ font-size: 2.75rem; } }
.counselling-hero .prose p + p{ margin-top: 1.1em; }
.counselling-hero .closing-line{
  font-family: var(--serif);
  font-style: italic;
  font-size: 1.35rem;
  color: var(--charcoal-dark);
  margin-top: 1.5rem;
}

.work-through h2{ font-size: 2rem; margin-bottom: 2.2rem; }
@media (min-width: 900px){ .work-through h2{ font-size: 2.25rem; } }

.work-through-list{
  display:grid;
  grid-template-columns: 1fr;
  gap: 1.9rem;
}
@media (min-width: 700px){
  .work-through-list{
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(4, auto);
    grid-auto-flow: column;
    column-gap: 3.5rem;
    row-gap: 1.9rem;
  }
}
.wt-item{
  border-left: 2px solid var(--green);
  padding-left: 1.15rem;
}
.wt-item:nth-child(3n+2){ border-left-color: var(--pink); }
.wt-item:nth-child(3n){ border-left-color: var(--terracotta); }
.wt-item h3{
  font-family: var(--serif);
  font-weight: 500;
  font-size: 1.3rem;
  color: var(--charcoal-dark);
  margin-bottom: 0.4rem;
}
.wt-item p{
  font-size: 0.98rem;
  color: var(--charcoal);
  max-width: 560px;
}

.counselling-look h2{ font-size: 2rem; margin-bottom: 1.3rem; }
@media (min-width: 900px){ .counselling-look h2{ font-size: 2.25rem; } }
.counselling-look .prose{ margin-left: auto; }
.counselling-look .prose p + p{ margin-top: 1.1em; }
.counselling-look .text-link{ display:inline-block; margin-top: 1.3rem; }

.virtual-counselling h2{ font-size: 2rem; margin-bottom: 1.3rem; }
@media (min-width: 900px){ .virtual-counselling h2{ font-size: 2.25rem; } }
.virtual-counselling .prose p + p{ margin-top: 1.1em; }
.virtual-counselling .text-link{ display:inline-block; margin-top: 1.3rem; }