/* Role phones — one home screen per role, no motion */
.role-phones{--rp-navy:#12344f;--rp-muted:#526b7b;--rp-teal:#168f76;grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:40px;list-style:none;padding:0}
html[data-theme=dark] .role-phones{--rp-navy:#e4edf4;--rp-muted:#b0c2ce;--rp-teal:#77d7bd}
.role-phones>li{min-width:0}
.rp-item{display:flex;flex-direction:column;align-items:center;gap:14px;margin:0}
.rp-phone{width:100%;max-width:236px;padding:7px;border-radius:36px;background:#0f2233;box-shadow:0 22px 44px -18px rgba(18,52,79,.4),inset 0 0 0 1.5px #2b4254}
.rp-phone img{display:block;width:100%;height:auto;max-width:none;aspect-ratio:393/852;object-fit:cover;object-position:top;border-radius:29px;background:#eef0eb}
html[data-theme=dark] .rp-phone img{background:#0b1a2a}
.rp-item figcaption{text-align:center;line-height:1.45}
.rp-item figcaption b{display:block;font-size:16px;color:var(--rp-navy)}
.rp-item figcaption span{display:block;font-size:13px;color:var(--rp-muted)}
@media (max-width:900px){
  .role-phones{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-14px;padding:4px 14px 18px;scrollbar-width:none}
  .role-phones::-webkit-scrollbar{display:none}
  .role-phones>li{flex:0 0 min(62%,240px);scroll-snap-align:center}
}