/* ==========================================================================
   Lead refinements for shared home sections (compare, faq, journal,
   newsletter). Story and best sellers are styled in home.css. Loaded after home.css.
   ========================================================================== */

/* Compare: sage band, card edge refinement. */
.an-compare__wrap {
	border-color: color-mix(in oklab, var(--an-text) 8%, var(--an-bg));
}

/* Journal: compact posts stack at the top of the right column. */
.an-journal__grid--3 {
	grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
	grid-template-rows: auto auto 1fr;
	row-gap: 0;
}

.an-journal__grid--3 .an-post-card--lead {
	grid-row: 1 / 4;
}

.an-journal__grid--3 .an-post-card--compact {
	padding-block: 1.5rem;
	border-bottom: 1px solid var(--an-line);
}

.an-journal__grid--3 .an-post-card--compact:nth-child(2) {
	padding-top: 0;
}

.an-journal__grid--3 .an-post-card--compact .an-post-card__media {
	aspect-ratio: 4 / 3;
}

@media (max-width: 900px) {
	.an-journal__grid--3 {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: none;
	}

	.an-journal__grid--3 .an-post-card--lead {
		grid-row: auto;
		margin-bottom: 1.5rem;
	}

	.an-journal__grid--3 .an-post-card--compact:nth-child(2) {
		padding-top: 1.5rem;
		border-top: 1px solid var(--an-line);
	}
}

/* Category cards: allow the short line to wrap to two lines on phones. */
@media (max-width: 767px) {
	.an-catcard__line {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		white-space: normal;
	}
}