/* Phase 1530: Careers mobile section polish
   Focus: Have Questions card, Purpose-Driven/Life transition, Values/Apply/FAQ blocks. */
@media (max-width: 640px){
  body .career-benchmark-page{
    overflow-x:hidden!important;
  }

  body .career-benchmark-page .wide,
  body .career-benchmark-page .career-main-layout{
    width:100%!important;
    max-width:100%!important;
    padding-left:16px!important;
    padding-right:16px!important;
    box-sizing:border-box!important;
  }

  body .career-benchmark-page .career-side-nav{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  /* Have Questions: prevent word-by-word wrapping and make it a polished mobile card. */
  body .career-benchmark-page .career-help{
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:14px!important;
    align-items:center!important;
    width:100%!important;
    padding:20px!important;
    border-radius:20px!important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
    box-shadow:0 12px 28px rgba(3,21,74,.06)!important;
    box-sizing:border-box!important;
  }

  body .career-benchmark-page .career-help i{
    width:52px!important;
    height:52px!important;
    font-size:22px!important;
    margin:0!important;
  }

  body .career-benchmark-page .career-help h3{
    margin:0!important;
    font-size:20px!important;
    line-height:1.2!important;
    color:#061f5f!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }

  body .career-benchmark-page .career-help p{
    grid-column:1 / -1!important;
    margin:4px 0 0!important;
    max-width:none!important;
    width:100%!important;
    color:#1b376f!important;
    font-size:15px!important;
    line-height:1.65!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    hyphens:none!important;
  }

  body .career-benchmark-page .career-help .btn,
  body .career-benchmark-page .career-help a.btn{
    grid-column:1 / -1!important;
    width:100%!important;
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin-top:8px!important;
    border-radius:12px!important;
    font-size:15px!important;
    font-weight:900!important;
    box-sizing:border-box!important;
  }

  /* Improve the transition between the last Why Join Us card and Life section. */
  body .career-benchmark-page .career-content-card{
    padding:18px!important;
    border-radius:20px!important;
  }

  body .career-benchmark-page .career-section{
    margin:0 0 26px!important;
    padding:0!important;
    scroll-margin-top:92px!important;
  }

  body .career-benchmark-page .career-section + .career-section{
    padding-top:24px!important;
    border-top:1px solid #e6edf8!important;
  }

  body .career-benchmark-page .career-card-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    margin-top:18px!important;
    margin-bottom:10px!important;
  }

  body .career-benchmark-page .career-card-grid article{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:12px 14px!important;
    align-items:center!important;
    padding:18px!important;
    text-align:left!important;
    border-radius:18px!important;
    background:#fbfdff!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }

  body .career-benchmark-page .career-card-grid article i{
    grid-row:1 / span 2!important;
    width:48px!important;
    height:48px!important;
    font-size:20px!important;
    margin:0!important;
  }

  body .career-benchmark-page .career-card-grid article h3{
    margin:0!important;
    font-size:17px!important;
    line-height:1.25!important;
    color:#061f5f!important;
  }

  body .career-benchmark-page .career-card-grid article p{
    margin:0!important;
    font-size:15px!important;
    line-height:1.55!important;
    color:#1f3b73!important;
  }

  body .career-benchmark-page #life-at-propartners{
    padding-top:26px!important;
  }

  body .career-benchmark-page #life-at-propartners h2,
  body .career-benchmark-page #our-values h2,
  body .career-benchmark-page #how-to-apply h2,
  body .career-benchmark-page #career-faqs h2{
    font-size:26px!important;
    line-height:1.1!important;
    letter-spacing:-.03em!important;
    margin:0 0 12px!important;
    color:#061f5f!important;
  }

  body .career-benchmark-page #life-at-propartners > p,
  body .career-benchmark-page #our-values > p,
  body .career-benchmark-page #how-to-apply > p,
  body .career-benchmark-page #career-faqs > p{
    font-size:16px!important;
    line-height:1.7!important;
    color:#1b376f!important;
    margin:0 0 18px!important;
  }

  body .career-benchmark-page .career-life-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    margin-top:18px!important;
  }

  body .career-benchmark-page .career-life-grid article{
    padding:0!important;
    border:1px solid #e6edf8!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:0 12px 28px rgba(3,21,74,.05)!important;
  }

  body .career-benchmark-page .career-life-grid img{
    width:100%!important;
    height:190px!important;
    border-radius:0!important;
    object-fit:cover!important;
    display:block!important;
  }

  body .career-benchmark-page .career-life-grid h3{
    padding:16px 16px 0!important;
    margin:0 0 8px!important;
    font-size:17px!important;
    line-height:1.25!important;
  }

  body .career-benchmark-page .career-life-grid p{
    padding:0 16px 18px!important;
    margin:0!important;
    font-size:15px!important;
    line-height:1.6!important;
  }

  /* Bottom informational sections: convert plain text blocks into clean mobile cards. */
  body .career-benchmark-page #our-values,
  body .career-benchmark-page #how-to-apply,
  body .career-benchmark-page #career-faqs{
    background:#ffffff!important;
    border:1px solid #e6edf8!important;
    border-radius:18px!important;
    padding:20px!important;
    box-shadow:0 10px 24px rgba(3,21,74,.05)!important;
    margin-bottom:16px!important;
  }

  body .career-benchmark-page #how-to-apply .btn,
  body .career-benchmark-page #how-to-apply a.btn{
    width:100%!important;
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin-top:8px!important;
    border-radius:12px!important;
    font-weight:900!important;
  }

  body .career-benchmark-page .career-cta{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:12px!important;
    padding:18px!important;
    border-radius:18px!important;
    text-align:left!important;
    margin-top:18px!important;
  }

  body .career-benchmark-page .career-cta i{
    width:48px!important;
    height:48px!important;
    font-size:20px!important;
  }

  body .career-benchmark-page .career-cta h3{
    margin:0 0 6px!important;
    font-size:17px!important;
    line-height:1.25!important;
  }

  body .career-benchmark-page .career-cta p{
    margin:0!important;
    font-size:14px!important;
    line-height:1.55!important;
  }

  body .career-benchmark-page .career-cta .btn,
  body .career-benchmark-page .career-cta a.btn{
    grid-column:1 / -1!important;
    width:100%!important;
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
  }
}