/* ============================================================
   WHO THIS IS FOR — replaces the lavender "A day that begins with
   your business" block (Luke, 2026-08-19: purple, off-brand, and the
   four steps already live in the schedule under it). Beat 1 of the
   spine, the audience named, on the site's own ground.

   Anatomy is the main site's list card (the before/after cards on
   selrai.com.au, measured from the capture): #F7F5EF card at radius 40,
   50px inset (30 on mobile), kicker 13px/600 #616161, h3 30px wght 585,
   rows of a 25px dark check chip (4px pad, 17px stroke icon) beside
   15px/600 text, 20px between rows, two cards 20px apart. No shadows.
   Loaded after ground.css so the lavender field can go.
   ============================================================ */

#the-day.selr-who {
  background: linear-gradient(180deg,
    #FAF9F5 0%, #FCFCFA 34%, #FCFCFA 66%, #FAF9F5 100%) !important;
  scroll-margin-top: 90px;
}
#the-day.selr-who .selr-sec-inner { gap: 50px; }

/* head: left, flush to the content column, the people-head pattern */
.selr-who-head {
  display: flex; flex-direction: column; align-items: flex-start;
  gap: 18px; width: 100%;
}
.selr-who-head .selr-section-kicker { margin: 0; }
#the-day.selr-who .selr-who-head h2 { text-align: left; max-width: 900px; }
.selr-who-tone { color: #616161; }
.selr-who-sub {
  font-family: "Manrope Variable", Manrope, sans-serif;
  font-weight: 600; font-size: 17px; line-height: 1.5; letter-spacing: -0.02em;
  color: #616161; max-width: 640px; margin: 0;
}

/* the pair */
.selr-who-pair {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px; width: 100%; align-items: stretch;
}
.selr-who-card {
  background: #F7F5EF;
  border-radius: 40px;
  padding: 50px;
  display: flex; flex-direction: column; gap: 40px;
}
.selr-who-card.is-quiet { background: #FFFFFA; border: 1px solid rgba(227, 227, 227, .45); }
.selr-who-card-top { display: flex; flex-direction: column; gap: 18px; }
.selr-who-kicker {
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-weight: 600; font-size: 13px; line-height: 1.5; letter-spacing: -0.025em;
  color: #616161;
}
.selr-who-h3 {
  margin: 0;
  font-family: "Manrope Variable", Manrope, sans-serif;
  font-weight: 400; font-variation-settings: "wght" 585;
  font-size: 30px; line-height: 1.1; letter-spacing: -0.04em;
  color: #242424; max-width: 22ch;
}

/* rows: dark check chip beside the line */
.selr-who-list {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-direction: column; gap: 20px;
}
.selr-who-list li { display: flex; align-items: flex-start; gap: 12px; }
.selr-who-list p {
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-weight: 600; font-size: 15px; line-height: 1.5; letter-spacing: -0.03em;
  color: #242424; text-wrap: balance;
}
.selr-who-check {
  flex: none; width: 25px; height: 25px; margin-top: -1px;
  border-radius: 30px; background: #242424;
  display: inline-flex; align-items: center; justify-content: center;
}
.selr-who-check svg { width: 17px; height: 17px; display: block; }
.selr-who-check path {
  fill: none; stroke: #FFFFFA; stroke-width: 3.5;
  stroke-linecap: round; stroke-linejoin: round;
}

/* the one real line, at the foot of the quiet card */
.selr-who-quote {
  margin: auto 0 0;
  padding-top: 28px;
  border-top: 1px solid rgba(227, 227, 227, .6);
  font-family: "Manrope Variable", Manrope, sans-serif;
  font-weight: 400; font-variation-settings: "wght" 585;
  font-size: 25px; line-height: 1.25; letter-spacing: -0.04em;
  color: #242424;
  display: flex; flex-direction: column; gap: 8px;
}
.selr-who-attr {
  font-family: "Manrope", sans-serif;
  font-weight: 600; font-size: 13px; line-height: 1.5; letter-spacing: -0.025em;
  color: #616161;
}

@media (max-width: 1199.98px) {
  .selr-who-h3 { font-size: 25px; }
}
@media (max-width: 809.98px) {
  #the-day.selr-who .selr-sec-inner { gap: 30px; }
  .selr-who-pair { grid-template-columns: 1fr; gap: 16px; }
  .selr-who-card { padding: 30px; border-radius: 30px; gap: 28px; }
  .selr-who-h3 { font-size: 22px; }
  .selr-who-list p { font-size: 14px; }
  .selr-who-quote { font-size: 20px; padding-top: 22px; }
  .selr-who-sub { font-size: 15px; }
}