/* for-professionals (EN + AR): page-specific parts only. Shared components come from system.css, home.css,
   p-individuals.css and pg-common.css (registry: team/COMPONENTS.md). */

/* Speed networking: slim text column, the match machine is the point */
.pp-how { grid-template-columns: minmax(0, 4.4fr) minmax(0, 7.6fr); }
@media (max-width: 960px) { .pp-how { grid-template-columns: minmax(0, 1fr); } }

/* After the room: the real Connections tab, cropped to the people you met */
.pp-after { display: grid; grid-template-columns: minmax(0, 4.4fr) minmax(0, 7.6fr); gap: clamp(24px, 4vw, 64px); align-items: center; margin-top: clamp(40px, 5vw, 72px); padding-top: clamp(32px, 4vw, 52px); border-top: 1px solid var(--line); }
.pp-after__txt { display: grid; gap: 12px; align-content: start; }
.pp-after__shot { margin: 0; min-width: 0; }
@media (max-width: 960px) { .pp-after { grid-template-columns: minmax(0, 1fr); } }

/* Profile: the example card with a real phone screen beside it */
.pp-prof { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .58fr); gap: 20px; align-items: center; }
.pp-prof__phone { width: 100%; max-width: 210px; justify-self: center; box-shadow: var(--shadow-lg); }
.pp-prof__phone .crop { border-radius: 26px; }
.pp-prof__note { grid-column: 1 / -1; }
@media (max-width: 560px) {
  .pp-prof { grid-template-columns: minmax(0, 1fr); }
  /* Phones: the real profile is cropped to its header card (--mar/--my inline) and shown wider, so name, title and Share profile read */
  .pp-prof__phone { max-width: 300px; }
  .pp-prof__phone .crop { border-radius: 26px 26px 0 0; }
}

/* Real screens in a figure */
.pp-shot { margin: 0; min-width: 0; }