/**
 * Listing pages: Writing (the posts page) and a topic's archive, from
 * Writing 34:2, 34:299 and 34:564.
 */

.abhinav-series-wrap,
.abhinav-topics-filter,
.abhinav-post-list {
	margin-block: 0;
}

/* A listing's intro sits closer to what it introduces than a page's does. */
.wp-block-group.abhinav-page-intro.is-listing {
	padding-bottom: var(--wp--preset--spacing--24);
}

/* A title in Display XL where no heading style reaches: a topic's name. */
.abhinav-display-xl {
	margin: 0;
	font-size: var(--wp--preset--font-size--display-xl);
	font-weight: 800;
	line-height: 0.96;
	letter-spacing: -0.03em;
}

/* The series card. */
.wp-block-group.abhinav-series-wrap {
	padding-bottom: var(--wp--preset--spacing--32);
}

.wp-block-columns.abhinav-series {
	margin: 0;
	padding: var(--wp--preset--spacing--16);
}

.abhinav-series .wp-block-image {
	margin: 0;
}

.abhinav-series__drawing img {
	display: block;
	width: 100%;
}

/* Topics as pills: All first, then each topic; the page's own is filled. */
.wp-block-group.abhinav-topics-filter {
	padding-block: var(--wp--preset--spacing--24);
}

.abhinav-filter-pills .abhinav-small-buttons {
	margin: 0;
}

.wp-block-categories.abhinav-category-pills {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--8);
	margin: 0;
	padding: 0;
	list-style: none;
}

.abhinav-category-pills li {
	margin: 0;
	padding: 0;
}

.abhinav-category-pills li::before {
	content: none;
}

.abhinav-category-pills a {
	display: block;
	padding: var(--wp--preset--spacing--8) var(--wp--preset--spacing--16);
	border: var(--wp--custom--stroke--field) solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--pill);
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--label);
	font-weight: 500;
	letter-spacing: 0.005em;
	line-height: 1.43;
	text-decoration: none;
}

.abhinav-category-pills a:hover {
	background-color: var(--wp--preset--color--line-subtle);
}

.abhinav-category-pills .current-cat a {
	border-color: var(--wp--preset--color--inverse);
	background-color: var(--wp--preset--color--inverse);
	color: var(--wp--preset--color--on-inverse);
}

/* The rows. On a phone: date, topic and reading time on one line, then the
   title; the excerpt waits for a wider screen. */
.wp-block-group.abhinav-post-list {
	padding-bottom: var(--wp--preset--spacing--64);
}

.abhinav-post-list .wp-block-post-template {
	margin: 0;
}

.abhinav-post-row {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	padding-block: var(--wp--preset--spacing--16);
	border-top: var(--wp--custom--stroke--construction) solid var(--wp--preset--color--line-subtle);
	color: var(--wp--preset--color--contrast-muted);
	font-size: var(--wp--preset--font-size--body-s);
	line-height: 1.5625;
}

.abhinav-post-row > *,
.abhinav-post-row__meta > * {
	margin: 0;
	font-size: inherit;
}

.abhinav-post-row__meta {
	display: contents;
}

.abhinav-post-row__date::after,
.abhinav-post-row__meta .wp-block-post-terms::after {
	content: ",\00a0";
}

.abhinav-post-row__main {
	order: 1;
	flex-basis: 100%;
	margin-top: var(--wp--preset--spacing--8);
}

.abhinav-post-row__excerpt {
	display: none;
}

/* Two classes: the theme's paragraph size is written as :root :where(p). */
.abhinav-post-row__excerpt .wp-block-post-excerpt__excerpt {
	margin: 0;
	font-size: var(--wp--preset--font-size--body-s);
	line-height: 1.5625;
}

.abhinav-post-row .wp-block-post-title {
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--heading-s);
	line-height: 1.25;
}

.abhinav-post-row a {
	color: inherit;
	text-decoration: none;
}

.abhinav-post-row .wp-block-post-title a:hover {
	text-decoration: underline;
	text-decoration-thickness: var(--wp--custom--underline--hover);
	text-underline-position: from-font;
}

.abhinav-post-list__foot {
	padding-top: var(--wp--preset--spacing--32);
	color: var(--wp--preset--color--contrast-muted);
	font-size: var(--wp--preset--font-size--body-s);
}

@media (min-width: 600px) {
	.wp-block-columns.abhinav-series {
		padding: calc(var(--wp--preset--spacing--32) + var(--wp--preset--spacing--8));
	}
}

@media (min-width: 960px) {
	.wp-block-group.abhinav-series-wrap {
		padding-bottom: var(--wp--preset--spacing--64);
	}

	.wp-block-group.abhinav-topics-filter {
		padding-top: var(--wp--preset--spacing--32);
	}

	.wp-block-group.abhinav-post-list {
		padding-bottom: calc(var(--wp--preset--spacing--96) + var(--wp--preset--spacing--16));
	}

	/* Date, then the title and excerpt, then the topic and reading time set
	   to the right, as three columns. */
	.abhinav-post-row {
		display: grid;
		grid-template-columns: calc(var(--wp--preset--spacing--128) + var(--wp--preset--spacing--12)) 1fr calc(var(--wp--preset--spacing--96) * 2 + var(--wp--preset--spacing--8));
		column-gap: var(--wp--preset--spacing--48);
		align-items: start;
		padding-block: var(--wp--preset--spacing--24);
	}

	.abhinav-post-row__date::after,
	.abhinav-post-row__meta .wp-block-post-terms::after {
		content: none;
	}

	.abhinav-post-row__main {
		order: 0;
		margin-top: 0;
	}

	.abhinav-post-row__excerpt {
		display: block;
		max-width: calc(var(--wp--preset--spacing--128) * 6);
	}

	.abhinav-post-row__meta {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap: var(--wp--preset--spacing--4);
		text-align: right;
	}

	.abhinav-post-row__meta .wp-block-post-terms {
		color: var(--wp--preset--color--contrast);
	}
}