.layout{
	display:grid;
	grid-template-columns:minmax(0,1fr) 320px;
	gap:var(--space-7)
}
.layout-main{
	min-width:0
}
body.home .layout:first-of-type .layout-main,body.archive .layout:first-of-type .layout-main,body.search .layout:first-of-type .layout-main,body.category .layout:first-of-type .layout-main,body.author .layout:first-of-type .layout-main,body.tag .layout:first-of-type .layout-main,body.blog .layout:first-of-type .layout-main{
	display:flex;
	flex-direction:column;
	gap:var(--space-5)
}
body.single .layout-main{
	display:block
}
.layout-sidebar{
	width:320px;
	display:flex;
	flex-direction:column;
	gap:var(--space-6)
}
.home-section-alt{
	background: var(--surface-soft);
	padding:var(--space-8) 0;
	margin:var(--space-8) 0
}
[data-theme="dark"] .home-section-alt{
	background:rgba(255,255,255,.04)
}
.grid-2,.grid-3,.grid-4{
	display:grid;
	gap:var(--space-5)
}
.grid-2{
	grid-template-columns:repeat(2,1fr)
}
.grid-3{
	grid-template-columns:repeat(3,1fr)
}
.grid-4{
	grid-template-columns:repeat(4,1fr)
}
.container>section{
	margin-top:var(--space-8)
}
.container>section:first-child{
	margin-top:0
}
.card{
	display:flex;
	flex-direction:column;
	gap:var(--space-3)
}
.card-image{
	border-radius:.6rem;
	overflow:hidden
}
.card-body{
	display:flex;
	flex-direction:column;
	gap:.5rem
}
.card-title{
	font-family:"Encode Sans Condensed",sans-serif;
	font-size:1.125rem;
	font-weight:700;
	line-height:1.35;
	margin:0
}
.card-title a{
	color:var(--text)
}
.card-title a:hover{
	color:var(--accent);
	opacity:.9
}
.card-comments{
	font-size:.85em;
	font-weight:700;
	color:var(--accent)
}
.card-category{
	font-size:.7rem;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.04em;
	color:var(--accent)
}
.card-meta{
	display:flex;
	align-items:center;
	gap:.4rem;
	font-size:.75rem;
	color:var(--muted)
}
.block-title{
	font-size:1.5rem;
	margin-bottom:var(--space-5);
	position:relative;
	padding-bottom:.5rem
}
.block-title::after{
	content:"";
	display:block;
	width:40px;
	height:2px;
	background:var(--accent);
	margin-top:.4rem
}
.block-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:var(--space-3);
	margin-bottom:var(--space-5)
}
.block-header .block-title{
	margin:0
}
.block-link{
	font-size:.85rem;
	color:var(--muted);
	text-decoration:none;
	transition:.2s
}
.block-link:hover{
	color:var(--accent)
}
.sidebar-box{
}
.home-full{
	display:block
}
[data-theme="dark"] .card-meta{
	color:rgba(255,255,255,.6)
}
@media (max-width:1023px){
	.layout{
		grid-template-columns:1fr
}
	.layout-sidebar{
		display:none
}
	.grid-4,.grid-3{
		grid-template-columns:repeat(2,1fr)
}
}
@media (max-width:640px){
	.grid-2{
		grid-template-columns:1fr
}
	.grid-3,.grid-4{
		grid-template-columns:repeat(2,1fr)
}
}
.home-mobile{
	display:none
}
.home-desktop{
	display:block
}
@media (max-width:768px){
	.home-mobile{
		display:block
}
	.home-desktop{
		display:none
}
}
.home-desktop .grid-2, .home-mobile .grid-2, .home-mobile .grid-3{
	margin-bottom: var(--space-5);
}

.layout-sidebar{
    position: sticky;
    top: 120px;
    align-self: start;
}