.recent-shelf-lead,
.recent-archive-lead{
	max-width:42rem;
	margin:.15rem auto 1rem;
	color:#444;
	text-align:center;
}
.recent-theme-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr));
	gap:.8rem;
	margin:0;
	list-style:none;
}
.recent-theme-card{
	display:flex;
	flex-direction:column;
	min-width:0;
	margin:0;
	padding:.85rem;
	border:1px solid rgba(0,0,0,.1);
	border-radius:10px;
	background:rgba(255,255,255,.86);
	box-shadow:0 2px 8px rgba(74,53,24,.06);
}
.recent-theme-card h3{
	margin:0 0 .4rem;
	font-size:1.08rem;
	line-height:1.45;
	text-align:left;
	overflow-wrap:anywhere;
}
.recent-theme-card p{
	flex:1 1 auto;
	margin:0 0 .75rem;
	color:#444;
	font-size:.92rem;
	line-height:1.65;
	overflow-wrap:anywhere;
}
.new-shelf .recent-theme-card a,
.recent-theme-card a{
	height:auto;
}
.recent-theme-primary{
	display:block;
	padding:.62rem .75rem;
	border:1px solid #a71915;
	border-radius:8px;
	background:#c51f1a;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.recent-theme-primary:hover,
.recent-theme-primary:focus{
	background:#a71915;
	color:#fff;
}
.recent-theme-secondary{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:.35rem .6rem;
	margin-top:.65rem;
}
.new-shelf .recent-theme-secondary a,
.recent-theme-secondary a{
	display:inline-block;
	padding:.15rem .1rem;
	border:0;
	border-bottom:1px solid currentColor;
	border-radius:0;
	background:transparent;
	color:#555;
	font-size:.86rem;
	line-height:1.45;
}
.new-shelf .recent-theme-secondary a:hover,
.new-shelf .recent-theme-secondary a:focus,
.recent-theme-secondary a:hover,
.recent-theme-secondary a:focus{
	background:transparent;
	color:#c51f1a;
}
.recent-more-wrap{
	margin:1rem 0 0;
	text-align:center;
}
.new-shelf .recent-more-link,
.recent-more-link{
	display:inline-block;
	height:auto;
	padding:.55rem .9rem;
	border:1px solid rgba(0,0,0,.18);
	border-radius:999px;
	background:#fff;
	color:#252525;
	font-weight:bold;
}
.new-shelf .recent-more-link:hover,
.new-shelf .recent-more-link:focus,
.recent-more-link:hover,
.recent-more-link:focus{
	background:#fff7de;
	color:#c51f1a;
}
.recent-archive{
	margin:1.25rem 0 2rem;
	text-align:left;
}
.recent-archive > .grid-x > .cell{
	padding-top:1rem;
	padding-bottom:1rem;
	border-top:1px solid rgba(0,0,0,.1);
}
.recent-archive h1{
	margin-bottom:.35rem;
	text-align:center;
}
.recent-back{
	margin:1.25rem 0 0;
	text-align:center;
}
@media screen and (max-width:39.9375em){
	.recent-theme-grid{
		grid-template-columns:1fr;
	}
	.recent-theme-card{
		padding:.78rem;
	}
	.recent-theme-primary{
		padding:.68rem .75rem;
	}
}
