Шаблон:Research/styles.css

.tabs-tabbox > .tabs-container {
    padding: 20px 14px;
}

.research-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 20px;
}


.research {
    display: grid;
    grid-template-rows: 0fr 0fr;
    grid-template-columns: 0fr;
    background: #292931;
    font-size: 14px;
    padding: 10px;
    border-top: 10px solid silver;
    box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    color: #e1e1e1;
    border-radius: 0.2em;
}

.research__images {
    grid-row: 1 / 3;
    margin-right: 14px;
}

.research__name {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    font-size: 16px;
    border-bottom: 2px solid #4c4c5d;
    padding-bottom: 6px;
}

.research__type {
    display: flex;
    justify-content: space-between;
    margin-top: 6px;
}

.research__unblocks {
    grid-column: 1 / 3;
    margin-top: 8px;
}

.research ul {
    margin: 4px 0 0 0;
}

.research li {
    list-style-type: none;
    color: yellow;
}

.research li::before {
    content: "-"; 
    margin-right: 2px;
    color: lightgrey;
    font-weight: 500;
    font-size: 18px;
}

#Arsenal.research {
    border-top-color: #b32134;
}
#Industrial.research {
    border-top-color: #eeac34;
}
#Experimental.research {
    border-top-color: #9a6ef0;
}
#CivilianServices.research {
    border-top-color: #7ecd48;
}

#Arsenal .research__category {
    color: #dc373b;
}
#Industrial .research__category {
    color: #eeac34;
}
#Experimental .research__category {
    color: #9a6ef0;
}
#CivilianServices .research__category {
    color: #7ecd48;
}