section.update{

padding: var(--margin);

border-bottom: var(--border);
}
section.update h1{
	    font-size: 34px;
    line-height: 34px;
}
section.update h1 span{
	
color: var(--color);
}
section.update p{
	
}
section.updates-list {}

section.updates-list-empty {}

section.updates-list-empty .icon {}

section.updates-list-empty .text {}

section.updates-list {}

section.updates-list {}

section.updates-list {}

section.updates-list article {}

section.updates-list article .item {

border-bottom: var(--border);

padding: var(--margin);

display: grid;

border-left: 5px solid #e3e3e3;

grid-template-columns: 200px 1fr;

grid-gap: var(--margin);
}
html.dark section.updates-list article .item {
	
	border-left: 5px solid #2e2e2e;
}
section.updates-list article .item:hover {
	border-left: 5px solid var(--color)!important;
}

section.updates-list article .image {

	/* padding: var(--margin); */
}

section.updates-list article .image a {
	display: block;
	height: 100%;
}

section.updates-list article .image img {

	width: 100%;

	height: 100%;
}

section.updates-list article .content {}

section.updates-list article .content .top {

	font-size: 16px;

	line-height: 16px;

	font-weight: 600;

margin-bottom:4px;
}

section.updates-list article .content .top time {
    color: var(--color);
}

section.updates-list article .content .top span {

font-weight: 400;

border: var(--border);

font-size: 14px;

line-height: 14px;

position: relative;

top: -1px;

padding: 0 4px;

border-radius: var(--border-radius);

color: var(--font-color);
}

section.updates-list article .content a {}

section.updates-list article .content h2 {

	font-size: 22px;

	line-height: 24px;
}

section.updates-list article:hover .content h2 {
	color: var(--color);
}

section.updates-list article .content .description {
    opacity: 0.7;
}