/* Risk-specifikus kiegészítések. A style.css után töltődik, a v2 és v3 megjelenés közös része.
   Színek: a style.css :root változói (--green, --hi, --paper-2), így mindkét verzióban illeszkedik. */

/* 4 szolgáltatás: telefonon egymás alatt, tableten 2x2, asztalin egy sorban */
@media (min-width: 720px)  { .services { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .services { grid-template-columns: repeat(4, 1fr); } }

/* 5 munkatárs: középre rendezett sorok, a kártyák azonos szélességűek */
.team { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
.team .person { flex: 1 1 230px; max-width: 340px; }
@media (min-width: 900px) { .team .person { flex-basis: calc(33.333% - 11px); } } /* 5 fő: 3 + 2 */

/* fotós avatar */
.person__av--foto { width: 96px; height: 96px; padding: 0; overflow: hidden; background: var(--paper-2); border: 3px solid var(--hi); }
.person__av--foto img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; border-radius: 0; display: block; }

/* beosztás (üresen elrejtve) */
.person__role { font-size: .85rem; font-weight: 600; color: var(--green); }
.person__role:empty { display: none; }