/* Phone refinements only; desktop retains its existing presentation. */
.results-transition-picture{display:contents}
@media (max-width:600px){
  #agents:has(+ .results-section){padding-bottom:0}
  #people.results-section{padding-top:0}
  #people .results-heading{padding-top:0}
  /* Include SVG padding and heading ink when balancing visible arrow gaps. */
  #people .results-transition-picture{display:block;padding-block:17.5px 12.5px}
  #people .results-transition{
    position:static;inset:auto;display:block;transform:none;
    width:min(310px,100%);max-width:100%;height:auto;aspect-ratio:680/300;
    margin:0 auto;
  }

  /* Make the workflow progression clearer without enlarging either face. */
  #people .peel-back{padding:16px 12px 8px}
  #people .peel-back>.result-agent{margin-bottom:24px}
  #people .peel-back .result-progression dt{font-size:16px;margin-bottom:2px}
  #people .peel-back .result-progression>div:not(:last-child){min-height:96px;padding-bottom:24px}

  /* Shorter horizontal tiles; retain their original height and typography. */
  #experience[data-layout="moving"] .experience-track .experience-group li{
    flex-basis:200px;width:200px;
  }

  #start .closing-actions{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;max-width:330px;gap:10px;
  }
  #start .closing-actions>.button{
    width:100%;min-width:0;min-height:55px;padding:10px 12px;
    gap:8px;justify-content:center;
  }

  footer.wrap{
    display:grid;grid-template-columns:128px minmax(0,1fr);
    gap:16px 12px;align-items:center;
  }
  footer.wrap>.brand{grid-area:1/1;width:128px}
  footer.wrap>.brand img{width:128px}
  footer.wrap>span{
    grid-area:1/2;align-self:end;max-width:none;margin:0 0 8px;
  }
  footer.wrap>small{grid-area:2/1;width:auto;margin:0}
  footer.wrap>.back-top{
    grid-area:2/2;justify-self:end;margin:0;padding-inline:16px;
  }
  @media (max-width:360px){
    #people .results-transition-picture{padding-block:17px 13px}
    #people .peel-back{padding-top:8px}
    #people .peel-back>.result-agent{margin-bottom:14px}
  }
}