/* efinteresting: service pages get ONE strong visual idea each.
   Recognition pages (perimenopause, anxiety/depression) lead with symptom cards.
   Process pages   (maternal, assisted reproduction) lead with a numbered path.
   The other list on each page stays deliberately quiet. */

/* ---------- shared: quiet list ---------- */
.quiet-list .starlist{gap:0}
.quiet-list .starlist li{
  padding-top:13px;
  padding-bottom:13px;
  border-bottom:1px solid var(--line);
}
.quiet-list .starlist li:first-child{padding-top:0}
.quiet-list .starlist li:first-child::before{top:2px}
.quiet-list .starlist li:last-child{border-bottom:0;padding-bottom:0}
.quiet-list .starlist:not(.roles) li strong{
  display:block;
  font-family:var(--display);
  font-weight:500;
  font-size:1.1rem;
  line-height:1.3;
  color:var(--navy);
  margin-bottom:3px;
}

/* ---------- treatment A: symptom cards ---------- */
.cards-here .wrap.narrowsec{max-width:1000px}
.cards-here .starlist{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:28px;
}
.cards-here .starlist li{
  background:var(--white);
  border:1px solid var(--line);
  border-left:4px solid var(--gold);
  border-radius:0 14px 14px 0;
  padding:20px 22px;
  font-family:var(--serif);
  font-size:1rem;
  line-height:1.55;
  color:var(--ink-soft);
  box-shadow:0 10px 26px rgba(36,66,47,.06);
  transition:transform .18s ease,box-shadow .18s ease;
}
.cards-here .starlist li::before{
  position:static;
  display:block;
  width:22px;
  height:22px;
  margin:0 0 11px;
  opacity:.9;
}
.cards-here .starlist li strong{
  display:block;
  font-family:var(--display);
  font-weight:500;
  font-size:1.13rem;
  line-height:1.3;
  color:var(--navy);
  margin-bottom:5px;
}
@media (hover:hover){
  .cards-here .starlist li:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(36,66,47,.11)}
}
@media (width>680px){
  /* an odd final card would sit alone on the left: centre it under the pair above */
  .cards-here .starlist li:last-child:nth-child(odd){
    grid-column:1/-1;
    width:calc(50% - 8px);
    margin-inline:auto;
  }
}
@media (width<=680px){
  .cards-here .starlist{grid-template-columns:1fr}
}

/* ---------- treatment B: dogwood-marked list ----------
   Was a numbered path on a gold thread. Emily, 2026-10-02: numbers and a
   connecting line imply an order to the work, and there usually isn't one.
   Same spacing and typography, the mark instead of a number, no thread. */
.path-here .starlist{
  gap:0;
  margin-top:30px;
  position:relative;
}
.path-here .starlist li{
  padding:0 0 30px 44px;
  font-size:1.08rem;
  line-height:1.6;
  min-height:40px;
  z-index:1;
}
.path-here .starlist li strong{
  display:block;
  font-family:var(--display);
  font-weight:500;
  font-size:1.12rem;
  color:var(--navy);
  margin-bottom:3px;
}
/* mark-mono, the brand's one-colour cut, in the site gold. The canonical
   green-petal mark is the right artwork but at 24px on cream it sits darker
   than the heading beside it and reads as a blob. Gold puts it at the same
   accent weight as every other small mark on the site, and the measured gap
   between petals and centre keeps the flower legible in one colour. */
.path-here .starlist li::before{
  content:"";
  position:absolute;
  left:0;
  top:4px;
  width:24px;
  height:24px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-49 -49 98 98'><path fill='%23d89a57' d='M0 -15C11.78 -15.96 19 -23.8 19 -31C19 -44.26 14.68 -48 5.5 -48C2.75 -48 1.21 -43.6 0 -40C-1.21 -43.6 -2.75 -48 -5.5 -48C-14.68 -48 -19 -44.26 -19 -31C-19 -23.8 -11.78 -15.96 0 -15ZM15 0C15.96 11.78 23.8 19 31 19C44.26 19 48 14.68 48 5.5C48 2.75 43.6 1.21 40 0C43.6 -1.21 48 -2.75 48 -5.5C48 -14.68 44.26 -19 31 -19C23.8 -19 15.96 -11.78 15 0ZM0 15C-11.78 15.96 -19 23.8 -19 31C-19 44.26 -14.68 48 -5.5 48C-2.75 48 -1.21 43.6 0 40C1.21 43.6 2.75 48 5.5 48C14.68 48 19 44.26 19 31C19 23.8 11.78 15.96 0 15ZM-15 0C-15.96 -11.78 -23.8 -19 -31 -19C-44.26 -19 -48 -14.68 -48 -5.5C-48 -2.75 -43.6 -1.21 -40 0C-43.6 1.21 -48 2.75 -48 5.5C-48 14.68 -44.26 19 -31 19C-23.8 19 -15.96 11.78 -15 0Z'/><path fill='%23d89a57' d='M-8 0A8 8 0 1 1 8 0A8 8 0 1 1 -8 0Z'/></svg>") center/contain no-repeat;
}
.path-here .starlist li:last-child{padding-bottom:0}

@media (prefers-reduced-motion:reduce){
  .cards-here .starlist li{transition:none}
}

/* The card device (gold left rule) is retired. It was tried on the homepage
   specialty tiles and competed with the gold icon already in each tile, while
   distinguishing nothing, since all four tiles would carry it. The rule now
   appears only on the .callout pull-quote, where it marks one thing. */