/* ---- O nás: kruhové portréty + medailonky ------------------------------- */
.team-wrap { max-width: 1000px; margin: 0 auto; padding: 52px 20px 72px; }
.team-list { display: flex; flex-direction: column; gap: 52px; }
.team-row { display: flex; gap: 40px; align-items: flex-start; }

.team-photo {
    flex: 0 0 220px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    overflow: hidden;
    background: #e9edf2;
    box-shadow: 0 14px 34px rgba(2, 20, 38, 0.14);
}
.team-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 0;   /* studio portraits: face sits in the top square */
    display: block;
}
.team-photo .initials {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 58px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #9aa8b8;
}

.team-body { flex: 1; min-width: 0; padding-top: 18px; }
.team-rank {
    margin: 0 0 8px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--ods-blue, #009BD5);
}
.team-body h3 { font-size: 27px; color: #1a2330; margin: 0 0 4px; line-height: 1.25; }
.team-meta { margin: 0; font-size: 15px; color: #5c6b7a; }
.team-empty { text-align: center; color: #5c6b7a; padding: 40px; }

.team-bio {
    margin-top: 18px;
    background: #fff;
    border: 1px solid #e3e8ee;
    border-radius: 12px;
    padding: 22px 26px;
    box-shadow: 0 12px 32px rgba(2, 20, 38, 0.09);
}
.team-bio p { margin: 0 0 12px; font-size: 16px; color: #5c6b7a; text-wrap: pretty; }
.team-bio p:last-of-type { margin-bottom: 0; }
.team-bio p.is-hidden { display: none; }

.bio-toggle {
    background: none;
    border: none;
    padding: 0;
    margin-top: 12px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--ods-blue, #009BD5);
    cursor: pointer;
}
.bio-toggle:hover { color: var(--ods-blue-dark, #004494); }

@media (max-width: 768px) {
    .team-wrap { padding: 36px 20px 56px; }
    .team-list { gap: 40px; }
    .team-row { flex-direction: column; gap: 20px; align-items: center; text-align: center; }
    .team-photo { flex-basis: auto; width: 190px; height: 190px; }
    .team-body { padding-top: 0; }
    .team-body h3 { font-size: 23px; }
    .team-bio { text-align: left; padding: 18px 20px; }
}