.gh-widget {
	--gh-widget-line: rgba(28, 28, 26, .14);
	--gh-widget-muted: #6d6a64;
	--gh-widget-ink: #1c1c1a;
	color: var(--gh-widget-ink);
	margin: 0 0 2.25rem;
}

.gh-widget__heading {
	margin: 0 0 1rem;
	padding: 0 0 .7rem;
	border-bottom: 1px solid var(--gh-widget-line);
	font: inherit;
	font-size: .72rem;
	font-weight: 650;
	letter-spacing: .12em;
	line-height: 1.3;
	text-transform: uppercase;
}

.gh-widget__stories {
	display: grid;
	gap: 0;
}

.gh-widget__story {
	display: grid;
	grid-template-columns: 60px minmax(0, 1fr);
	gap: .8rem;
	align-items: center;
	padding: .82rem 0;
	border-bottom: 1px solid var(--gh-widget-line);
}

.gh-widget__story:first-child { padding-top: 0; }
.gh-widget__story:last-child { border-bottom: 0; padding-bottom: 0; }

.gh-widget__thumb {
	display: block;
	width: 60px;
	height: 60px;
	overflow: hidden;
	background: rgba(28, 28, 26, .04);
}

.gh-widget__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .25s ease;
}

.gh-widget__story:hover .gh-widget__thumb img { transform: scale(1.025); }

.gh-widget__story-copy {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: .35rem;
}

.gh-widget__title,
.gh-widget__feature-title {
	color: inherit;
	font-family: var(--gh-font-editorial, Georgia, 'Times New Roman', serif);
	font-weight: 500;
	text-decoration: none;
	text-wrap: pretty;
}

.gh-widget__title {
	font-size: 1rem;
	line-height: 1.22;
}

.gh-widget__title:hover,
.gh-widget__feature-title:hover,
.gh-widget__section-link:hover { opacity: .68; }

.gh-widget__section {
	display: inline-block;
	width: fit-content;
	color: var(--gh-widget-muted);
	font-size: .64rem;
	font-weight: 650;
	letter-spacing: .1em;
	line-height: 1.25;
	text-transform: uppercase;
}

.gh-widget__sections {
	display: grid;
	border-top: 1px solid var(--gh-widget-line);
}

.gh-widget__section-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: .78rem 0;
	border-bottom: 1px solid var(--gh-widget-line);
	color: inherit;
	font-family: var(--gh-font-editorial, Georgia, 'Times New Roman', serif);
	font-size: 1.05rem;
	line-height: 1.2;
	text-decoration: none;
}

.gh-widget__feature-image {
	display: block;
	aspect-ratio: 16 / 10;
	margin-bottom: .9rem;
	overflow: hidden;
	background: rgba(28, 28, 26, .04);
}

.gh-widget__feature-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s ease;
}

.gh-widget__feature:hover .gh-widget__feature-image img { transform: scale(1.018); }

.gh-widget__feature .gh-widget__section { margin-bottom: .48rem; }

.gh-widget__feature-title {
	display: block;
	font-size: 1.35rem;
	line-height: 1.12;
}

.gh-widget__deck {
	margin: .65rem 0 0;
	color: var(--gh-widget-muted);
	font-size: .9rem;
	line-height: 1.55;
}

@media (max-width: 360px) {
	.gh-widget__story {
		grid-template-columns: 56px minmax(0, 1fr);
		gap: .7rem;
	}
	.gh-widget__thumb {
		width: 56px;
		height: 56px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.gh-widget__thumb img,
	.gh-widget__feature-image img { transition: none; }
}
