.member-panel {
    display: grid;
    grid-template-columns: 360px 1fr;
    height: 350px;

    background: rgba(230, 224, 210, 0.45);
    backdrop-filter: blur(4px);

    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 0.6rem;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);

    font-family: Georgia, serif;
    color: #3a3f42;
}

/* LEFT */
.member-left {
    padding: 20px;
    border-right: 1px solid rgba(0, 0, 0, 0.05);

    display: flex;
    flex-direction: column;
    gap: 18px;
}

.member-badge {
    background: rgba(200, 195, 180, 0.35);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 0.35rem;

    padding: 6px 10px;

    font-size: 10px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #5a5448;

    width: fit-content;
}

.member-avatar {
    width: 200px;
    height: 200px;

    margin: 0 auto;

    border-radius: 14px;
    overflow: hidden;

    border: 1px solid #506258;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

.member-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.member-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: auto;
}

.stat {
    background: rgba(225, 217, 206, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 0.35rem;

    padding: 10px;
    text-align: center;

    color: #3a3f42;
}

.stat strong {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #2f3437;
}

.stat span {
    display: block;
    margin-top: 2px;

    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #6f756f;
}

/* RIGHT */
.member-right {
    padding: 30px 40px;
    position: relative;
}

.member-name {
    font-family: 'Playfair Display', serif;
    font-size: 48px;
    font-weight: 400;
    line-height: 1;

    color: #6e8577;
    text-align: center;

    margin-bottom: 20px;
}

.member-tags {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;

    margin-bottom: 20px;
}

.member-tags span {
    background: rgba(200, 195, 180, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 0.35rem;

    padding: 6px 12px;

    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #5a5448;
}

.member-text {
    margin-top: 22px;
    max-width: 450px;
    height: 120px;

    padding: 14px 16px;

    background: rgb(218, 212, 198);
    border-left: 2px solid #506258;
    border-radius: 0.35rem;

    font-size: 13px;
    line-height: 1.6;
    color: #454545;
    text-align: left;

    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.member-text::-webkit-scrollbar {
    display: none;
}

.member-profile {
    position: absolute;
    right: 30px;
    bottom: 30px;

    background: rgba(200, 195, 180, 0.3);
    border: 1px solid #506258;
    border-radius: 999px;

    padding: 8px 16px;

    font-size: 10px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;

    color: #506258;

    transition: all 0.2s ease;
}

.member-profile:hover {
    background: #506258;
    color: #f5f1e8;
}

/********** GRUPPENFARBEN ************************************************/

g1 { color: #8c6b4f; }  /* Students */
g2 { color: #7a8f84; }  /* Alumni */
g3 { color: #6f8093; }  /* Faculty & Staff */
g4 { color: #8a7a68; }  /* Townies */
g5 { color: #4f6f86; }  /* North Shore Wolves */
g6 { color: #6d5d86; }  /* North Shore Valkyries */
g7 { color: #506258; }  /* Coaching Staff */
g8 { color: #7f8c8d; }  /* Medical Staff */