/* ROVER narrative rhythm; other features and privacy pages retain their own spacing. */
#rover .rover-lead {
  grid-template-areas: "photo heading" "photo copy";
  row-gap: 0;
  align-items: start;
}
#rover .rover-heading { grid-area: heading; }
#rover .rover-lead > figure { grid-area: photo; align-self: center; }
#rover .rover-lead-copy { grid-area: copy; }

#rover .rover-lead > div > p:not(.eyebrow),
#rover .rover-detail > div > p {
  margin-block: 0;
}

#rover .rover-lead > div > p:not(.eyebrow) + p,
#rover .rover-detail > div > p + p {
  margin-block-start: 18px;
}

#rover .rover-detail {
  margin-block-start: 36px;
  row-gap: 18px;
}

#rover .rover-cta {
  min-height: 44px;
  margin-block-start: 8px;
  padding-block: 10px;
}

#rover > #case-studies {
  margin: 16px 0 0;
}

#rover > #case-studies > a {
  display: inline-block;
  min-height: 44px;
  padding-block: 10px;
}

#rover > .rover-credit {
  margin-block-start: 12px;
}

#rover .rover-cta:focus-visible,
#rover > #case-studies > a:focus-visible {
  outline: 3px solid #365b54;
  outline-offset: 3px;
}

@media (max-width: 760px) {
  #rover .rover-lead {
    grid-template-areas: "heading" "photo" "copy";
    row-gap: 24px;
  }
  #rover .rover-heading .eyebrow { margin: 0; }
  #rover .rover-heading h2 {
    margin: 12px 0 0;
    text-wrap: balance;
  }
  #rover .rover-detail { margin-block-start: 18px; }
  #rover .rover-cta {
    display: block;
    margin-block-start: 20px;
    padding: 12px 16px;
    border: 1px solid #365b54;
    background: #e7eae2;
    text-align: center;
    font-size: .8125rem;
    line-height: 1.5;
    letter-spacing: .025em;
    text-transform: uppercase;
    text-wrap: balance;
    text-decoration: none;
  }
  #rover > #case-studies { margin-block-start: 6px; }
  #rover > #case-studies > a {
    display: block;
    text-align: center;
    font-size: .8125rem;
    line-height: 1.5;
    letter-spacing: .025em;
    text-transform: uppercase;
    text-wrap: balance;
  }
  #rover > .rover-credit { margin-block-start: 8px; text-align: center; }
}

@media (forced-colors: active) {
  #rover .rover-cta:focus-visible,
  #rover > #case-studies > a:focus-visible { outline-color: Highlight; }
}