body {
    padding-top: 8rem;
}

div#button-container {
    margin-bottom: 1.5rem;
    text-align: center;
}

div#headings {
    color: #3259B5;
    font-family: 'Roboto', sans-serif;
}

div#headings h2 {
    margin: 0 0 .3rem;
    font-size: 2.4rem;
    font-weight: 600;
}

div#headings h3 {
    font-size: 1.5rem;
    margin: 0;
}

section#immunology-table {
    max-width: 1200px;
    margin: auto;
}

div#immunology-table-container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(9, 1fr);
    grid-gap: 3px;
}

section#immunology-table > div, section#hardcoded > div {
    font-family: 'Arial', sans-serif;
}

div#immunology-table-container > div:nth-child(1) { grid-row: 3; }
div#immunology-table-container > div:nth-child(2) { grid-row: 4; }
div#immunology-table-container > div:nth-child(3) { grid-row: 5; }
div#immunology-table-container > div:nth-child(4) { grid-row: 6; }
div#immunology-table-container > div:nth-child(5) { grid-row: 7; }
div#immunology-table-container > div:nth-child(6) { grid-row: 8; }
div#immunology-table-container > div:nth-child(7) { grid-row: 9; }
div#immunology-table-container > div:nth-child(8) { grid-column: 2; grid-row: 3; }
div#immunology-table-container > div:nth-child(9) { grid-row: 4; }
div#immunology-table-container > div:nth-child(10) { grid-row: 5; }
div#immunology-table-container > div:nth-child(11) { grid-row: 6; }
div#immunology-table-container > div:nth-child(12) { grid-row: 7; }
div#immunology-table-container > div:nth-child(13) { grid-row: 8; }
div#immunology-table-container > div:nth-child(14) { grid-row: 9; }
div#immunology-table-container > div:nth-child(15) { grid-column: 3; grid-row: 3; }
div#immunology-table-container > div:nth-child(16) { grid-row: 4; }
div#immunology-table-container > div:nth-child(17) { grid-row: 5; }
div#immunology-table-container > div:nth-child(18) { grid-row: 6; }
div#immunology-table-container > div:nth-child(19) { grid-row: 7; }
div#immunology-table-container > div:nth-child(20) { grid-row: 8; }
div#immunology-table-container > div:nth-child(21) { grid-row: 9; }
div#immunology-table-container > div:nth-child(22) { grid-column: 4; grid-row: 3; }
div#immunology-table-container > div:nth-child(24) { grid-row: 5; }
div#immunology-table-container > div:nth-child(23) { grid-row: 4; }
div#immunology-table-container > div:nth-child(25) { grid-row: 6; }
div#immunology-table-container > div:nth-child(26) { grid-row: 7; }
div#immunology-table-container > div:nth-child(27) { grid-row: 8; }
div#immunology-table-container > div:nth-child(28) { grid-row: 9; }
div#immunology-table-container > div:nth-child(29) { grid-column: 5; grid-row: 4; }
div#immunology-table-container > div:nth-child(30) { grid-row: 5; }
div#immunology-table-container > div:nth-child(31) { grid-row: 6; }
div#immunology-table-container > div:nth-child(32) { grid-row: 7; }
div#immunology-table-container > div:nth-child(33) { grid-row: 8; }
div#immunology-table-container > div:nth-child(34) { grid-row: 9; }
div#immunology-table-container > div:nth-child(35) { grid-column: 6; grid-row: 3; }
div#immunology-table-container > div:nth-child(36) { grid-row: 4; }
div#immunology-table-container > div:nth-child(37) { grid-row: 5; }
div#immunology-table-container > div:nth-child(38) { grid-row: 6; }
div#immunology-table-container > div:nth-child(39) { grid-row: 7; }
div#immunology-table-container > div:nth-child(40) { grid-row: 8; }
div#immunology-table-container > div:nth-child(41) { grid-row: 9; }
div#immunology-table-container > div:nth-child(42) { grid-column: 7; grid-row: 2;  }
div#immunology-table-container > div:nth-child(43) { grid-column: 7; grid-row: 3;  }
div#immunology-table-container > div:nth-child(44) { grid-column: 7; grid-row: 4;  }
div#immunology-table-container > div:nth-child(45) { grid-column: 7; grid-row: 5;  }
div#immunology-table-container > div:nth-child(46) { grid-column: 7; grid-row: 6;  }
div#immunology-table-container > div:nth-child(47) { grid-column: 7; grid-row: 7;  }
div#immunology-table-container > div:nth-child(48) { grid-column: 7; grid-row: 8;  }
div#immunology-table-container > div:nth-child(49) { grid-column: 7; grid-row: 9;  }
div#immunology-table-container > div:nth-child(50) { grid-column: 8; grid-row: 1; }
div#immunology-table-container > div:nth-child(51) { grid-column: 8; grid-row: 2; }
div#immunology-table-container > div:nth-child(52) { grid-column: 8; grid-row: 3; }
div#immunology-table-container > div:nth-child(53) { grid-column: 8; grid-row: 4; }
div#immunology-table-container > div:nth-child(54) { grid-column: 8; grid-row: 5; }
div#immunology-table-container > div:nth-child(55) { grid-column: 8; grid-row: 6; }
div#immunology-table-container > div:nth-child(56) { grid-column: 8; grid-row: 7; }
div#immunology-table-container > div:nth-child(57) { grid-column: 8; grid-row: 8; }
div#immunology-table-container > div:nth-child(58) { grid-column: 8; grid-row: 9; }
div#immunology-table-container > div:nth-child(59) { grid-column: 9; grid-row: 2; }
div#immunology-table-container > div:nth-child(60) { grid-column: 9; grid-row: 3; }
div#immunology-table-container > div:nth-child(61) { grid-column: 9; grid-row: 4; }
div#immunology-table-container > div:nth-child(62) { grid-column: 9; grid-row: 5; }
div#immunology-table-container > div:nth-child(63) { grid-column: 9; grid-row: 6; }
div#immunology-table-container > div:nth-child(64) { grid-column: 9; grid-row: 7; }
div#immunology-table-container > div:nth-child(65) { grid-column: 9; grid-row: 8; }
div#immunology-table-container > div:nth-child(66) { grid-column: 9; grid-row: 9; }
div#immunology-table-container > div:nth-child(67) { grid-column: 10; grid-row: 3; }
div#immunology-table-container > div:nth-child(68) { grid-column: 10; grid-row: 4; }
div#immunology-table-container > div:nth-child(69) { grid-column: 10; grid-row: 5; }
div#immunology-table-container > div:nth-child(70) { grid-column: 10; grid-row: 6; }
div#immunology-table-container > div:nth-child(71) { grid-column: 10; grid-row: 7; }
div#immunology-table-container > div:nth-child(72) { grid-column: 10; grid-row: 8; }
div#immunology-table-container > div:nth-child(73) { grid-column: 10; grid-row: 9; }
div#immunology-table-container > div:nth-child(74) { grid-column: 11; grid-row: 3; }
div#immunology-table-container > div:nth-child(75) { grid-column: 11; grid-row: 4; }
div#immunology-table-container > div:nth-child(76) { grid-column: 11; grid-row: 5; }
div#immunology-table-container > div:nth-child(77) { grid-column: 11; grid-row: 6; }
div#immunology-table-container > div:nth-child(78) { grid-column: 11; grid-row: 7; }
div#immunology-table-container > div:nth-child(79) { grid-column: 11; grid-row: 8; }
div#immunology-table-container > div:nth-child(80) { grid-column: 11; grid-row: 9; }
div#immunology-table-container > div:nth-child(81) { grid-column: 12; grid-row: 3; }
div#immunology-table-container > div:nth-child(82) { grid-column: 12; grid-row: 4; }
div#immunology-table-container > div:nth-child(83) { grid-column: 12; grid-row: 5; }
div#immunology-table-container > div:nth-child(84) { grid-column: 12; grid-row: 6; }
div#immunology-table-container > div:nth-child(85) { grid-column: 12; grid-row: 7; }
div#immunology-table-container > div:nth-child(86) { grid-column: 12; grid-row: 8; }
div#immunology-table-container > div:nth-child(87) { 
    grid-column: 1/span 5; grid-row: 1/span 2; 
    padding-top: 0;
}

section > div > div {
    border:1px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 1.1rem;
    box-sizing: border-box;
    text-align: center;
    margin-top: -3px;
    padding: 1.25rem 0;
}

@media only screen and (max-width: 900px) {
    div#immunology-table-container {
        grid-gap: 0;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: auto repeat(9, 1fr);
    }

    section > div > div {
        border:1px solid #fff;
        font-size: 0.5rem;
        padding: 0.4rem 0;
    }

    div#immunology-table-container > div:nth-child(1) { grid-row: 4; }
    div#immunology-table-container > div:nth-child(2) { grid-row: 5; }
    div#immunology-table-container > div:nth-child(3) { grid-row: 6; }
    div#immunology-table-container > div:nth-child(4) { grid-row: 7; }
    div#immunology-table-container > div:nth-child(5) { grid-row: 8; }
    div#immunology-table-container > div:nth-child(6) { grid-row: 9; }
    div#immunology-table-container > div:nth-child(7) { grid-row: 10; }
    div#immunology-table-container > div:nth-child(8) { grid-column: 2; grid-row: 4; }
    div#immunology-table-container > div:nth-child(9) { grid-row: 5; }
    div#immunology-table-container > div:nth-child(10) { grid-row: 6; }
    div#immunology-table-container > div:nth-child(11) { grid-row: 7; }
    div#immunology-table-container > div:nth-child(12) { grid-row: 8; }
    div#immunology-table-container > div:nth-child(13) { grid-row: 9; }
    div#immunology-table-container > div:nth-child(14) { grid-row: 10; }
    div#immunology-table-container > div:nth-child(15) { grid-column: 3; grid-row: 4; }
    div#immunology-table-container > div:nth-child(16) { grid-row: 5; }
    div#immunology-table-container > div:nth-child(17) { grid-row: 6; }
    div#immunology-table-container > div:nth-child(18) { grid-row: 7; }
    div#immunology-table-container > div:nth-child(19) { grid-row: 8; }
    div#immunology-table-container > div:nth-child(20) { grid-row: 9; }
    div#immunology-table-container > div:nth-child(21) { grid-row: 10; }
    div#immunology-table-container > div:nth-child(22) { grid-column: 4; grid-row: 4; }
    div#immunology-table-container > div:nth-child(24) { grid-row: 6; }
    div#immunology-table-container > div:nth-child(23) { grid-row: 5; }
    div#immunology-table-container > div:nth-child(25) { grid-row: 7; }
    div#immunology-table-container > div:nth-child(26) { grid-row: 8; }
    div#immunology-table-container > div:nth-child(27) { grid-row: 9; }
    div#immunology-table-container > div:nth-child(28) { grid-row: 10; }
    div#immunology-table-container > div:nth-child(29) { grid-column: 5; grid-row: 5; }
    div#immunology-table-container > div:nth-child(30) { grid-row: 6; }
    div#immunology-table-container > div:nth-child(31) { grid-row: 7; }
    div#immunology-table-container > div:nth-child(32) { grid-row: 8; }
    div#immunology-table-container > div:nth-child(33) { grid-row: 9; }
    div#immunology-table-container > div:nth-child(34) { grid-row: 10; }
    div#immunology-table-container > div:nth-child(35) { grid-column: 6; grid-row: 4; }
    div#immunology-table-container > div:nth-child(36) { grid-row: 5; }
    div#immunology-table-container > div:nth-child(37) { grid-row: 6; }
    div#immunology-table-container > div:nth-child(38) { grid-row: 7; }
    div#immunology-table-container > div:nth-child(39) { grid-row: 8; }
    div#immunology-table-container > div:nth-child(40) { grid-row: 9; }
    div#immunology-table-container > div:nth-child(41) { grid-row: 10; }
    div#immunology-table-container > div:nth-child(42) { grid-column: 7; grid-row: 3;  }
    div#immunology-table-container > div:nth-child(43) { grid-column: 7; grid-row: 4;  }
    div#immunology-table-container > div:nth-child(44) { grid-column: 7; grid-row: 5;  }
    div#immunology-table-container > div:nth-child(45) { grid-column: 7; grid-row: 6;  }
    div#immunology-table-container > div:nth-child(46) { grid-column: 7; grid-row: 7;  }
    div#immunology-table-container > div:nth-child(47) { grid-column: 7; grid-row: 8;  }
    div#immunology-table-container > div:nth-child(48) { grid-column: 7; grid-row: 9;  }
    div#immunology-table-container > div:nth-child(49) { grid-column: 7; grid-row: 10;  }
    div#immunology-table-container > div:nth-child(50) { grid-column: 8; grid-row: 2; }
    div#immunology-table-container > div:nth-child(51) { grid-column: 8; grid-row: 3; }
    div#immunology-table-container > div:nth-child(52) { grid-column: 8; grid-row: 4; }
    div#immunology-table-container > div:nth-child(53) { grid-column: 8; grid-row: 5; }
    div#immunology-table-container > div:nth-child(54) { grid-column: 8; grid-row: 6; }
    div#immunology-table-container > div:nth-child(55) { grid-column: 8; grid-row: 7; }
    div#immunology-table-container > div:nth-child(56) { grid-column: 8; grid-row: 8; }
    div#immunology-table-container > div:nth-child(57) { grid-column: 8; grid-row: 9; }
    div#immunology-table-container > div:nth-child(58) { grid-column: 8; grid-row: 10; }
    div#immunology-table-container > div:nth-child(59) { grid-column: 9; grid-row: 3; }
    div#immunology-table-container > div:nth-child(60) { grid-column: 9; grid-row: 4; }
    div#immunology-table-container > div:nth-child(61) { grid-column: 9; grid-row: 5; }
    div#immunology-table-container > div:nth-child(62) { grid-column: 9; grid-row: 6; }
    div#immunology-table-container > div:nth-child(63) { grid-column: 9; grid-row: 7; }
    div#immunology-table-container > div:nth-child(64) { grid-column: 9; grid-row: 8; }
    div#immunology-table-container > div:nth-child(65) { grid-column: 9; grid-row: 9; }
    div#immunology-table-container > div:nth-child(66) { grid-column: 9; grid-row: 10; }
    div#immunology-table-container > div:nth-child(67) { grid-column: 10; grid-row: 4; }
    div#immunology-table-container > div:nth-child(68) { grid-column: 10; grid-row: 5; }
    div#immunology-table-container > div:nth-child(69) { grid-column: 10; grid-row: 6; }
    div#immunology-table-container > div:nth-child(70) { grid-column: 10; grid-row: 7; }
    div#immunology-table-container > div:nth-child(71) { grid-column: 10; grid-row: 8; }
    div#immunology-table-container > div:nth-child(72) { grid-column: 10; grid-row: 9; }
    div#immunology-table-container > div:nth-child(73) { grid-column: 10; grid-row: 10; }
    div#immunology-table-container > div:nth-child(74) { grid-column: 11; grid-row: 4; }
    div#immunology-table-container > div:nth-child(75) { grid-column: 11; grid-row: 5; }
    div#immunology-table-container > div:nth-child(76) { grid-column: 11; grid-row: 6; }
    div#immunology-table-container > div:nth-child(77) { grid-column: 11; grid-row: 7; }
    div#immunology-table-container > div:nth-child(78) { grid-column: 11; grid-row: 8; }
    div#immunology-table-container > div:nth-child(79) { grid-column: 11; grid-row: 9; }
    div#immunology-table-container > div:nth-child(80) { grid-column: 11; grid-row: 10; }
    div#immunology-table-container > div:nth-child(81) { grid-column: 12; grid-row: 4; }
    div#immunology-table-container > div:nth-child(82) { grid-column: 12; grid-row: 5; }
    div#immunology-table-container > div:nth-child(83) { grid-column: 12; grid-row: 6; }
    div#immunology-table-container > div:nth-child(84) { grid-column: 12; grid-row: 7; }
    div#immunology-table-container > div:nth-child(85) { grid-column: 12; grid-row: 8; }
    div#immunology-table-container > div:nth-child(86) { grid-column: 12; grid-row: 9; }

    /* Headers should be at the top */
    div#immunology-table-container > div:nth-child(87) { 
        grid-column: 1/span 12;
        grid-row: 1;
        padding-bottom: 1rem;
        text-align: center;
    }

    div#immunology-table-container > div:nth-child(87) h2 { 
        font-size: 1.5rem;
    }
}


section#hardcoded > div > div {
    display: inline-block;
    font-family: 'Arial', sans-serif;
    width: calc(100% / 12);
}

section#hardcoded > div > div > div {
    border:2px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 1rem;
    box-sizing: border-box;
    text-align: center;
    margin-top: -3px;
    padding: 1.25rem 0;
}

section#hardcoded > div > div {
    margin-right: -7px;
}

.cytokine {
    border-radius: 3px;
    filter: brightness(100%);
}

.cytokine:hover {
    filter: brightness(115%);
    font-weight: bold;
    transition: 250ms;
    transform: scale(1.03);
}

.primary1, .primary-common-chainil-13tslp {
    background-color: #FFC45A;
    color:#2B4441;
}

.primary-common-chainil-13tslp:hover {
    box-shadow: #CC9C48 1px 1px 0px inset, #FFD763 -1px -1px 0 inset;
}

.primary2, .primary-other-gray {
    background-color: #A4A6A6;
    color: #1B353D;
}

.primary-other-gray:hover {
    box-shadow: #838484 1px 1px 0px inset, #B4B6B6 -1px -1px 0 inset;
}

.primary3, .primary-complement {
    background-color: #ab5c39;
    color: #1B353D;
}

.primary3:hover, .primary-complement:hover {
    box-shadow: #88492D 1px 1px 0px inset, #BC653E -1px -1px 0 inset;
}

.primary4, .primary-other-green {
    background-color: #91A160;
    color: #1B353D;
}

.primary-other-green:hover {
    box-shadow: #74804C 1px 1px 0px inset, #9FB169 -1px -1px 0 inset;
}

.primary5, .primary-interferon {
    background-color: #51a78d;
    color: #1B353D;
}

.primary-interferon:hover {
    box-shadow: #408570 1px 1px 0px inset, #59B79B -1px -1px 0 inset;
}

.primary6, .primary-il-10 {
    background-color: #d176ad;
    color: #1B353D;
}

.primary-il-10:hover {
    box-shadow: #A75E8A 1px 1px 0px inset, #E581BE -1px -1px 0 inset;
}

.primary7, .primary-common-chain {
    background-color: #8169bb;
    color: #1B353D;
}

.primary-common-chain:hover {
    box-shadow: #675495 1px 1px 0px inset, #8D73CD -1px -1px 0 inset;
}

.primary8, .primary-il-1 {
    background-color: #86316c;
    color: #f4aedd;
}

.primary-il-1:hover {
    box-shadow: #6b2756 1px 1px 0px inset, #933576 -1px -1px 0 inset;
}

.primary9, .primary-il-6il-12 {
    background-color: #3F838F;
    color: #11363E;
}

.primary-il-6il-12:hover {
    box-shadow: #326872 1px 1px 0px inset, #45909D -1px -1px 0 inset;
}

.primary10, .primary-other-brown {
    background-color: #95857D;
    color: #11363E;
}

.primary-other-brown:hover {
    box-shadow: #776a64 1px 1px 0px inset, #A39289 -1px -1px 0 inset;
}

.primary11, .primary-tnf {
    background-color: #6EB6C2;
    color:#134C60;
}

.primary-tnf:hover {
    box-shadow: #58919B 1px 1px 0px inset, #79C8D5 -1px -1px 0 inset;
}

.primary12, .primary-growth-factor {
    background-color: #453189;
    color: #BFBEF3;
}

.primary-growth-factor:hover {
    box-shadow: #37276D 1px 1px 0px inset, #4B3596 -1px -1px 0 inset;
}

.primary13, .primary-il-17 {
    background-color: #0A6954;
    color: #1B353D;
}

.primary-il-17:hover {
    background-color: #0A6954;
    box-shadow: #085443 1px 1px 0px inset, #0B735C -1px -1px 0 inset;
}

/* Gradient experiment 1 (with darker) 

body.gradient .primary1, body.gradient .primary-common-chainil-13tslp {
    background: linear-gradient(to left, #FFC45A, #CC9C48);
    color: #2B4441;
}

body.gradient .primary2, body.gradient .primary-other-gray {
    background: linear-gradient(to left, #A4A6A6, #838484);
    color: #1B353D;
}

body.gradient .primary3, body.gradient .primary-complement {
    background: linear-gradient(to left, #ab5c39, #88492D);
    color: #1B353D;
}

body.gradient .primary4, body.gradient .primary-other-green {
    background: linear-gradient(to left, #91A160, #74804C);
    color: #1B353D;
}

body.gradient .primary5, body.gradient .primary-interferon {
    background: linear-gradient(to left, #51a78d, #408570);
    color: #1B353D;
}

body.gradient .primary6, body.gradient .primary-il-10 {
    background: linear-gradient(to left, #d176ad, #A75E8A);
    color: #1B353D;
}

body.gradient .primary7, body.gradient .primary-common-chain {
    background: linear-gradient(to left, #8169bb, #675495);
    color: #1B353D;
}

body.gradient .primary8, body.gradient .primary-il-1 {
    background: linear-gradient(to left, #86316c, #6b2756);
    color: #f4aedd;
}

body.gradient .primary9, body.gradient .primary-il-6il-12 {
    background: linear-gradient(to left, #3F838F, #326872);
    color: #11363E;
}

body.gradient .primary10, body.gradient .primary-other-brown {
    background: linear-gradient(to left, #95857D, #776a64);
    color: #11363E;
}

body.gradient .primary11, body.gradient .primary-tnf {
    background: linear-gradient(to left, #6EB6C2, #58919B);
    color: #134C60;
}

body.gradient .primary12, body.gradient .primary-growth-factor {
    background: linear-gradient(to left, #453189, #37276D);
    color: #BFBEF3;
}

body.gradient .primary13, body.gradient .primary-il-17 {
    background: linear-gradient(to left, #0A6954, #085443);
    color: #1B353D;
}
*/

body.gradient .primary1, body.gradient .primary-common-chainil-13tslp {
    background: linear-gradient(to left, #FFC45A, #FFEB6C);
    background: linear-gradient(to left, #FFC45A, #FFE167); /* 15% */
    background: linear-gradient(to left, #FFC45A, #FFEB6C); /* 20% */
    color: #2B4441;
}

body.gradient .primary2, body.gradient .primary-other-gray {
    background: linear-gradient(to left, #A4A6A6, #B4B6B6);
    background: linear-gradient(to left, #A4A6A6, #BCBEBE);
    background: linear-gradient(to left, #A4A6A6, #C4C7C7);
    color: #1B353D;
}

body.gradient .primary3, body.gradient .primary-complement {
    background: linear-gradient(to left, #ab5c39, #BC653E);
    background: linear-gradient(to left, #ab5c39, #C46941);
    background: linear-gradient(to left, #ab5c39, #CD6E44);
    color: #1B353D;
}

body.gradient .primary4, body.gradient .primary-other-green {
    background: linear-gradient(to left, #91A160, #9FB169);
    background: linear-gradient(to left, #91A160, #A6B96E);
    background: linear-gradient(to left, #91A160, #AEC173);
    color: #1B353D;
}

body.gradient .primary5, body.gradient .primary-interferon {
    background: linear-gradient(to left, #51a78d, #59B79B);
    background: linear-gradient(to left, #51a78d, #5DC0A2);
    background: linear-gradient(to left, #51a78d, #61C8A9);
    color: #1B353D;
}

body.gradient .primary6, body.gradient .primary-il-10 {
    background: linear-gradient(to left, #d176ad, #E581BE);
    background: linear-gradient(to left, #d176ad, #F087C6);
    background: linear-gradient(to left, #d176ad, #FA8DCF);
    color: #1B353D;
}

body.gradient .primary7, body.gradient .primary-common-chain {
    background: linear-gradient(to left, #8169bb, #8D73CD);
    background: linear-gradient(to left, #8169bb, #9478D7);
    background: linear-gradient(to left, #8169bb, #9A7EE0);
    color: #1B353D;
}

body.gradient .primary8, body.gradient .primary-il-1 {
    background: linear-gradient(to left, #86316c, #933576);
    background: linear-gradient(to left, #86316c, #9A387C);
    background: linear-gradient(to left, #86316c, #A03A81);
    color: #f4aedd;
}

body.gradient .primary9, body.gradient .primary-il-6il-12 {
    background: linear-gradient(to left, #3F838F, #45909D);
    background: linear-gradient(to left, #3F838F, #4896A4);
    background: linear-gradient(to left, #3F838F, #4B9DAB);
    color: #11363E;
}

body.gradient .primary10, body.gradient .primary-other-brown {
    background: linear-gradient(to left, #95857D, #A39289);
    background: linear-gradient(to left, #95857D, #AB988F);
    background: linear-gradient(to left, #95857D, #B29F96);
    color: #11363E;
}

body.gradient .primary11, body.gradient .primary-tnf {
    background: linear-gradient(to left, #6EB6C2, #79C8D5);
    background: linear-gradient(to left, #6EB6C2, #7ED1DF);
    background: linear-gradient(to left, #6EB6C2, #84DAE8);
    color: #134C60;
}

body.gradient .primary12, body.gradient .primary-growth-factor {
    background: linear-gradient(to left, #453189, #4B3596);
    background: linear-gradient(to left, #453189, #4F389D);
    background: linear-gradient(to left, #453189, #523AA4);
    color: #BFBEF3;
}

body.gradient .primary13, body.gradient .primary-il-17 {
    background: linear-gradient(to left, #0A6954, #0B735C);
    background: linear-gradient(to left, #0A6954, #0B7860);
    background: linear-gradient(to left, #0A6954, #0C7E64);
    color: #1B353D;
}

.empty {
    background-color: transparent;
}

span.position {
    font-size: 0.8rem;
    font-style: italic;
}

.tooltip {
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Gentle box shadow */
    position: absolute;
    padding: .7rem;
    line-height: 1.35rem;
    text-align: left;
    display: none;
    z-index: 100;
    max-width: 20rem !important;
    width: auto !important;
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
    .tooltip {
        line-height: 1rem;
        min-width: 7rem;
    }

    section#immunology-table {
        overflow-x: auto; /* Enable horizontal scrolling */
    }

    section > div > div > div {
        padding: 0.5rem 0; /* Even smaller padding for very small screens */
        font-size: 0.7rem; /* Even smaller font size for very small screens */
        word-break: break-word; /* Allow long words to wrap */
    }
}