/* 1. CONTAINER */
.team-container {
    padding: 60px 20px;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center; /* Sentrerer alt innhold som standard */
}

/* 2. OVERSKRIFT */
.serif-italic {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: 400;
    font-size: 60px;       /* Stor på Mac */
    margin-bottom: 80px;   /* Garantert luft til bilde */
}

/* 3. BILDE-SEKSJON */
.board-image-wrapper {
    display: block;
    width: 100%;             /* Beholderen tar hele bredden */
    text-align: center;      /* Ekstra sikkerhet for sentrering */
    margin-bottom: 80px;     /* Luft ned til teksten */
}

.team-photo {
    width: 600px;            /* Her setter du den faste størrelsen for Mac */
    max-width: 90%;          /* Gjør at den aldri blir bredere enn skjermen på mobil */
    height: auto;
    display: block;
    margin: 0 auto;          /* DETTE sentrerer selve bildet */
}

/* 4. TEKST-SEKSJON */
.team-description {
    max-width: 600px;         /* Hindrer at teksten blir for bred og uleselig */
    margin: 0 auto 100px auto;
}

.team-description p {
    font-size: 18px;          /* Standard størrelse Mac */
    line-height: 1.8;
    margin-bottom: 20px;
    color: #333;
}

/* 5. MEDLEMSLISTE (Navnene) */
.members-wrapper {
    max-width: 800px;
    margin: 0 auto;
    text-align: left;         /* Listen skal være venstrestilt inni den sentrerte boksen */
}

.member {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
}

/* 5. MOBIL-TILPASNING (Her skjer magien for telefon) */

@media (max-width: 768px) {
    
    .serif-italic {
        font-size: 32px;
        /* Ekstra mye luft på mobil for å unngå krasj */
        margin-top: 30px !important;
        margin-bottom: 50px !important; 
    }

    .board-image-wrapper {
        margin-bottom: 60px !important; /* Øker avstanden mellom bilde og tekst */
    }

    .team-photo {
        /* På mobil vil vi at bildet skal skalere, men ikke bli for stort */
        width: 85% !important; 
        max-width: 300px;
    }

    .team-description p {
        font-size: 15px;
        line-height: 1.6;
    }
}