/* Website 2026 — canonical Business Outcomes treatment v5_859
   Digital Mailroom is the reference: stationary rows, subtle background wash, shallow geometry. */

/* Shared section rhythm */
.dm-benefits .lead,
.lb-benefits .lead,
.solution-outcomes .lead,
.ap2-outcomes .lead{
  font-size:16px!important;
  line-height:1.45!important;
  max-width:940px!important;
  margin-top:14px!important;
}
.dm-benefits-head,
.lb-benefits-head,
.solution-outcomes-head,
.ap2-outcomes .ap2-intro{
  max-width:1040px!important;
  margin-bottom:28px!important;
}
.dm-benefit-map,
.lb-benefit-map,
.solution-outcome-map,
.ap2-value-map{
  margin-top:28px!important;
}

/* Canonical stationary outcome-row interaction */
.dm-benefit-row,
.lb-benefit-row,
.solution-outcome-row,
.ap2-value-row{
  min-height:0!important;
  padding:17px 25px!important;
  transform:none!important;
  transition:background .22s ease!important;
}
.dm-benefit-row:hover,
.lb-benefit-row:hover,
.solution-outcome-row:hover,
.ap2-value-row:hover{
  padding-left:25px!important;
  transform:none!important;
  background:rgba(79,157,218,.10)!important;
}

/* AP uses a parallel component; normalize it to the same visual geometry. */
.ap2-outcomes .ap2-intro{display:block!important}
.ap2-outcomes .ap2-intro>div{max-width:1040px!important}
.ap2-outcomes .ap2-intro>.lead{max-width:940px!important}
.ap2-value-row{
  grid-template-columns:76px minmax(220px,.72fr) minmax(320px,1.28fr) 190px!important;
  gap:22px!important;
  align-items:center!important;
}
.ap2-value-result{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:8px 12px!important;
  border:1px solid rgba(119,204,238,.25)!important;
  border-radius:999px!important;
  background:rgba(65,157,207,.11)!important;
  color:#d7efff!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-align:center!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
}

@media(max-width:1050px){
  .ap2-value-row{grid-template-columns:60px 1fr 1fr!important}
  .ap2-value-result{grid-column:2/-1!important;justify-self:start!important}
}
@media(max-width:760px){
  .dm-benefits .lead,
  .lb-benefits .lead,
  .solution-outcomes .lead,
  .ap2-outcomes .lead{font-size:15px!important}
  .dm-benefit-row,
  .lb-benefit-row,
  .solution-outcome-row,
  .ap2-value-row{padding-top:16px!important;padding-bottom:16px!important}
  .dm-benefit-row:hover,
  .lb-benefit-row:hover,
  .solution-outcome-row:hover,
  .ap2-value-row:hover{padding-left:25px!important}
  .ap2-value-row{grid-template-columns:48px 1fr!important;gap:13px!important}
  .ap2-value-row p,.ap2-value-result{grid-column:2!important}
}
@media(prefers-reduced-motion:reduce){
  .dm-benefit-row,
  .lb-benefit-row,
  .solution-outcome-row,
  .ap2-value-row{transition:none!important}
}

/* v5_871 — enforce Digital Mailroom behavior across every Business Outcomes section.
   The only hover animation is a stationary background brightening. */
.dm-benefit-row,
.lb-benefit-row,
.solution-outcome-row,
.ap2-value-row{
  position:relative!important;
  transform:none!important;
  translate:none!important;
  animation:none!important;
  transition-property:background!important;
  transition-duration:.22s!important;
  transition-timing-function:ease!important;
}
.dm-benefit-row *,
.lb-benefit-row *,
.solution-outcome-row *,
.ap2-value-row *{
  transform:none!important;
  translate:none!important;
  animation:none!important;
  transition:none!important;
}
.dm-benefit-row:hover,
.dm-benefit-row:focus-within,
.lb-benefit-row:hover,
.lb-benefit-row:focus-within,
.solution-outcome-row:hover,
.solution-outcome-row:focus-within,
.ap2-value-row:hover,
.ap2-value-row:focus-within{
  transform:none!important;
  translate:none!important;
  padding:17px 25px!important;
  background:rgba(79,157,218,.10)!important;
}
.dm-benefit-row:hover *,
.dm-benefit-row:focus-within *,
.lb-benefit-row:hover *,
.lb-benefit-row:focus-within *,
.solution-outcome-row:hover *,
.solution-outcome-row:focus-within *,
.ap2-value-row:hover *,
.ap2-value-row:focus-within *{
  transform:none!important;
  translate:none!important;
  animation:none!important;
}
@media(max-width:760px){
  .dm-benefit-row:hover,
  .dm-benefit-row:focus-within,
  .lb-benefit-row:hover,
  .lb-benefit-row:focus-within,
  .solution-outcome-row:hover,
  .solution-outcome-row:focus-within,
  .ap2-value-row:hover,
  .ap2-value-row:focus-within{
    padding-top:16px!important;
    padding-bottom:16px!important;
    padding-left:25px!important;
    padding-right:25px!important;
  }
}


/* v5_872 — definitive stationary Business Outcomes behavior.
   Fixes higher-specificity legacy solution-polish hover padding that caused row text to jump. */
.solution-polish-v5846 .dm-benefit-row,
.solution-polish-v5846 .lb-benefit-row,
.solution-polish-v5846 .solution-outcome-row,
.solution-polish-v5846 .ap2-value-row,
.afs-v791 .solution-outcome-row{
  padding-left:25px!important;
  padding-right:25px!important;
  transform:none!important;
  translate:none!important;
  animation:none!important;
  transition:background .22s ease!important;
}
.solution-polish-v5846 .dm-benefit-row:hover,
.solution-polish-v5846 .dm-benefit-row:focus-within,
.solution-polish-v5846 .lb-benefit-row:hover,
.solution-polish-v5846 .lb-benefit-row:focus-within,
.solution-polish-v5846 .solution-outcome-row:hover,
.solution-polish-v5846 .solution-outcome-row:focus-within,
.solution-polish-v5846 .ap2-value-row:hover,
.solution-polish-v5846 .ap2-value-row:focus-within,
.afs-v791 .solution-outcome-row:hover,
.afs-v791 .solution-outcome-row:focus-within{
  padding-left:25px!important;
  padding-right:25px!important;
  transform:none!important;
  translate:none!important;
  background:rgba(79,157,218,.10)!important;
}