
/* v3.3.45 — Client-facing mobility phase guides */
.a2aClientPhaseGuide{margin:14px 0 18px;padding:15px;border:1px solid rgba(74,177,224,.35);border-radius:17px;background:linear-gradient(145deg,rgba(13,45,67,.96),rgba(6,22,35,.96));color:#f4faff}
.a2aPhaseHeading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.a2aPhaseHeading strong{font-size:16px}.a2aPhaseHeading span{font-size:12px;color:#7dd8ff;font-weight:700}
.a2aPhaseGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.a2aPhaseGrid figure{margin:0;min-width:0;border:1px solid rgba(132,198,231,.22);background:#eaf5fa;border-radius:12px;overflow:hidden}.a2aPhaseGrid img{display:block;width:100%;height:190px;object-fit:contain;padding:8px;box-sizing:border-box}.a2aPhaseGrid figcaption{background:#102c42;color:#c9eefe;text-align:center;font-size:11px;font-weight:800;letter-spacing:.07em;padding:9px 4px}
.a2aPhaseTips{margin-top:13px;display:grid;gap:5px}.a2aPhaseTips p{margin:0;font-size:13px;line-height:1.55;color:#e4f3fa}.a2aPhaseTips b{color:#7dd8ff}.a2aPhaseNote{font-size:11px;line-height:1.5;color:#b1c8d5;margin:12px 0 0}
@media(max-width:520px){.a2aClientPhaseGuide{padding:11px}.a2aPhaseGrid{gap:7px}.a2aPhaseGrid img{height:132px}.a2aPhaseGrid figcaption{font-size:9px}}
