/* Reusable team UI. Typography and controls are scoped for future wp-admin use. */
.be-team { --be-team-ink: #202a28; --be-team-muted: #526058; box-sizing: border-box; padding: clamp(56px, 6vw, 88px) var(--be-gutter, 28px); color: var(--be-team-ink); background: #eef0e8; font-family: Arial, Tahoma, sans-serif; font-size: 16px; line-height: 1.75; }
.be-team *, .be-member-single * { box-sizing: border-box; }
.be-team[lang="fa"], .be-member-single[lang="fa"] { font-family: Vazirmatn, Tahoma, Arial, sans-serif; line-height: 1.9; }
.be-team__header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 24px; margin-bottom: 32px; }
.be-team .be-team__eyebrow { margin: 0 0 10px; font-size: 12px; font-weight: 600; color: var(--be-team-muted); }
.be-team h2 { margin: 0; color: inherit; font-family: inherit; font-size: clamp(30px, 3.5vw, 48px); font-weight: 600; line-height: 1.35; letter-spacing: 0; }
.be-team__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.be-member-card { display: flex; flex-direction: column; overflow: hidden; min-width: 0; border: 1px solid #d0d7cc; border-radius: 12px; background: #f7f6f2; }
.be-member-card__portrait { display: block; aspect-ratio: 4 / 3; overflow: hidden; color: inherit; background: #dbe2d2; }
.be-member-portrait__image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.be-member-portrait__placeholder { display: grid; place-items: center; width: 100%; height: 100%; background: linear-gradient(145deg, #dbe4d4, #b8c7b4); color: #52654f; font-family: inherit; font-size: clamp(42px, 5vw, 70px); font-weight: 500; }
.be-member-card__content { display: flex; flex-direction: column; flex: 1; padding: 24px; }
.be-team .be-member-card h3 { margin: 10px 0 8px; font-family: inherit; color: inherit; font-size: clamp(21px, 2vw, 26px); line-height: 1.4; font-weight: 600; letter-spacing: 0; overflow-wrap: anywhere; }
.be-team .be-member-card h3 a { color: inherit; text-decoration: none; }
.be-team .be-member-card h3 a:hover { text-decoration: underline; text-underline-offset: 5px; }
.be-team .be-member-card__role { margin: 0 0 12px; font-size: 14px; font-weight: 500; color: var(--be-team-muted); }
.be-team .be-member-card__summary { margin: 0 0 18px; font-size: 15px; color: var(--be-team-muted); }
.be-team__link, .be-member-card__link { display: inline-flex; align-items: center; gap: 9px; align-self: flex-start; min-height: 44px; padding-block: 8px; border-bottom: 1px solid #aab6a9; color: inherit; font: inherit; font-size: 15px; font-weight: 500; text-decoration: none; }
.be-member-card__link { margin-top: auto; }
.be-team__link:hover, .be-member-card__link:hover { text-decoration: none; border-color: currentColor; }
.be-member-card__sample { align-self: flex-start; padding: 3px 9px; border: 1px solid #cbd2c1; border-radius: 20px; color: var(--be-team-muted); font-size: 11px; font-weight: 500; }
.be-team .be-team__empty { padding: 30px; border: 1px solid #cbd2c1; border-radius: 8px; background: #f7f6f2; margin: 0; }
.be-team :focus-visible { outline: 3px solid #64750b; outline-offset: 4px; }
@media (max-width: 1000px) { .be-team__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .be-team__grid { grid-template-columns: minmax(0, 1fr); } .be-member-card__content { padding: 20px; } }