/* v7.58 — locked eyebrow treatment: readable light surfaces and icon → eyebrow order. */
:root{
  --one-eyebrow-light:#3D681F;
  --one-eyebrow-dark:#B8E67C;
  --one-eyebrow-icon-gap:12px;
}

/* Light backgrounds use the darker approved ONE green. */
body.v71-site main [data-one-role="eyebrow"][data-one-surface="light"],
body.v71-site main .l731-eyebrow[data-one-surface="light"],
body.v71-site main .l731-eyebrow:not([data-one-surface]){
  color:var(--one-eyebrow-light)!important;
  -webkit-text-fill-color:var(--one-eyebrow-light)!important;
  background:transparent!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  text-shadow:none!important;
}

/* Preserve the approved lime treatment on dark surfaces. */
body.v71-site main [data-one-role="eyebrow"][data-one-surface="dark"]{
  color:var(--one-eyebrow-dark)!important;
  -webkit-text-fill-color:var(--one-eyebrow-dark)!important;
  background:transparent!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  text-shadow:none!important;
}

/* Where a section has an icon and eyebrow, the reading order is always icon → eyebrow → heading. */
body.v71-site main :is(.subpage-head,.section-head,.topic-explainer-head,.sil-heading):has(> .v73-section-icon){
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
body.v71-site main :is(.subpage-head,.section-head,.topic-explainer-head,.sil-heading) > .v73-section-icon{
  display:flex!important;
  width:46px!important;
  height:46px!important;
  margin:0 0 var(--one-eyebrow-icon-gap)!important;
  flex:0 0 auto!important;
}
body.v71-site main :is(.subpage-head,.section-head,.topic-explainer-head,.sil-heading) > .v73-section-icon + [data-one-role="eyebrow"],
body.v71-site main :is(.subpage-head,.section-head,.topic-explainer-head,.sil-heading) > .v73-section-icon + .eyebrow-simple,
body.v71-site main :is(.subpage-head,.section-head,.topic-explainer-head,.sil-heading) > .v73-section-icon + .l731-eyebrow{
  display:block!important;
  margin-top:0!important;
}
body.v71-site main :is(.subpage-head,.section-head,.topic-explainer-head,.sil-heading).center:has(> .v73-section-icon){align-items:center!important}

/* Card content follows the same hierarchy: icon first, then eyebrow, title, copy. */
body.v71-site main :is(.info-card,.v66-card,.v67-card,.v68-card,.v73-card) > :is(.v73-icon,.v719-icon-well):first-child{
  display:flex!important;
  margin:0 0 var(--one-eyebrow-icon-gap)!important;
}
body.v71-site main :is(.info-card,.v66-card,.v67-card,.v68-card,.v73-card) > :is(.v73-icon,.v719-icon-well):first-child + [data-one-role="eyebrow"],
body.v71-site main :is(.info-card,.v66-card,.v67-card,.v68-card,.v73-card) > :is(.v73-icon,.v719-icon-well):first-child + .eyebrow-simple{
  display:block!important;
  margin-top:0!important;
}