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

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

.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 #525567;
	padding-bottom: 6px;
}

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

.research__technologies {
	display: grid;
	grid-column: 1 / 3;
	grid-template-rows: 0fr 0fr;
	gap: 6px;
	margin-top: 10px;
}

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

.research__technologies li::before {
	content: "-"; 
	margin-right: 4px;
	color: lightgrey;
}

.research__technologies li {
	list-style-type: none;
}

.research__technologies-unblocks li {
	color: #eded00;
}

.research__technologies-prerequisites span {
	color: #af65db;
}

#Arsenal.research {
	border-top-color: #a92424;
}
#Industrial.research {
	border-top-color: #dc9f30;
}
#Experimental.research {
	border-top-color: #835dcc;
}
#CivilianServices.research {
	border-top-color: #68a93b;
}

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