/**
 * Single post / page supplemental styles.
 * Loaded only on singular templates to avoid unnecessary payload.
 *
 * @package Puente
 */

/* Drop-cap on the first paragraph of an article */
.single .article-body > p:first-of-type::first-letter {
	float: left;
	font-size: 3.5em;
	line-height: 0.8;
	font-weight: 800;
	color: var(--color-primary);
	margin-right: 0.08em;
	margin-top: 0.05em;
}

/* Table styles inside article body */
.article-body table {
	width: 100%;
	border-collapse: collapse;
	margin: var(--space-2xl) 0;
	font-size: var(--text-sm);
}

.article-body th,
.article-body td {
	padding: var(--space-sm) var(--space-md);
	border: 1px solid var(--color-border);
	text-align: left;
}

.article-body th {
	background: var(--color-surface);
	font-weight: 600;
}

.article-body tr:nth-child(even) td {
	background: rgba(248, 250, 252, 0.5);
}

/* Inline code */
.article-body code {
	background: rgba(79, 70, 229, 0.07);
	color: var(--color-primary-dark);
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 0.88em;
}

/* Pull quote */
.article-body .wp-block-pullquote {
	border-top: 4px solid var(--color-primary);
	border-bottom: 4px solid var(--color-primary);
	padding: var(--space-xl) 0;
	margin: var(--space-3xl) 0;
	text-align: center;
}

.article-body .wp-block-pullquote p {
	font-size: var(--text-2xl);
	font-weight: 700;
	color: var(--color-heading);
	line-height: var(--leading-tight);
}