/*
 * Previous/Next post navigation component. Extracted from Sprint 3's
 * article.css verbatim, with its co-located mobile override.
 *
 * @package TFGadgets
 */

.prev-next-nav{
	max-width:720px; margin:40px auto 0;
	display:grid; grid-template-columns:1fr 1fr; gap:20px;
}
.prev-next-nav__link{
	border:1px solid var(--line); padding:16px 18px; display:flex; flex-direction:column; gap:6px;
}
.prev-next-nav__link:hover{ border-color:var(--accent); }
.prev-next-nav__link--next{ text-align:right; align-items:flex-end; }
.prev-next-nav__dir{
	font-family:var(--font-mono); font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:var(--text-faint);
}
.prev-next-nav__title{ font-size:14.5px; color:var(--text); line-height:1.4; }

@media (max-width: 680px){
	.prev-next-nav{ grid-template-columns:1fr; }
	.prev-next-nav__link--next{ text-align:left; align-items:flex-start; }
}