/* Revision 11: a lighter pathway and a more compact employer section. */
#journey .journey-stops{align-items:stretch}
#journey .journey-stops .pj-card{height:100%}
#journey .pj-panel{padding:27px 29px}
#journey .pj-inner{grid-template-columns:1fr 1fr;gap:30px}
#journey .pj-say{gap:13px;min-width:0}
#journey .pj-say h3{font-size:clamp(25px,2.6vw,31px);line-height:1.22;max-width:14ch}
#journey .pj-say>p{font-size:15px;line-height:1.6;max-width:34ch;margin:0}
#journey .pj-measure .pj-inner{animation:none}
#journey .pj-measure .pj-sk-bar i{transition:none}

#employers{padding-top:52px;padding-bottom:52px;gap:38px}
#employers .employers-photo .frame{aspect-ratio:4/3}
#employers .employers-copy h2{font-size:clamp(32px,3.5vw,44px);line-height:1.15;margin-top:10px}
#employers .employers-copy .lede{font-size:15px;line-height:1.55;margin-top:12px;max-width:43ch}
#employers .employer-points{gap:16px 19px;margin:21px 0}
#employers .employer-points b{font-size:13px;line-height:1.35}
#employers .employer-points span{font-size:12px;line-height:1.5}
#employers .employer-actions{gap:12px}
#employers .employer-actions .button{font-size:13px;padding:12px 17px}
#employers .employer-actions .text-link{font-size:12px}

@media(max-width:1100px){
  #employers{gap:28px}
}
@media(max-width:720px){
  #journey .pj-panel{padding:22px 20px}
  #journey .pj-inner{grid-template-columns:1fr;gap:21px}
  #journey .pj-say h3{font-size:26px;max-width:none}
  #journey .pj-say>p{font-size:14px;line-height:1.55;max-width:none}
  #employers{padding-top:36px;padding-bottom:36px;gap:24px}
  #employers .employers-photo .frame{aspect-ratio:4/3}
  #employers .employers-copy h2{font-size:34px}
  #employers .employers-copy .lede{font-size:14px;max-width:none}
  #employers .employer-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0}
  #employers .employer-points b{font-size:12px}
  #employers .employer-points span{font-size:11px}
}
@media(max-width:380px){
  #journey .pj-panel{padding:21px 16px}
  #journey .pj-say h3{font-size:24px}
  #employers .employer-points{gap:15px 12px}
  #employers .employer-actions{align-items:flex-start;flex-direction:column}
}