/* Long-form WordPress articles: deliberately separate reading rhythm from dashboard UI. */
.isittrend-article {
	max-width: 56rem;
}

.isittrend-article__title {
	max-width: none;
	text-wrap: balance;
}

.isittrend-article__dek {
	font-family: var(--font-body);
	font-size: clamp(1.1rem, 2.2vw, 1.3rem);
	line-height: 1.65;
}

.isittrend-article__image {
	background: var(--paper);
}

.isittrend-article__body {
	max-width: 44rem;
	font-family: var(--font-body);
	font-size: clamp(1.08rem, 1.2vw + .82rem, 1.22rem);
	line-height: 1.82;
}

.isittrend-article__body > * + * {
	margin-top: 1.6em;
}

.isittrend-article__body p {
	margin-bottom: 0;
}

.isittrend-article__body h2,
.isittrend-article__body h3,
.isittrend-article__body h4 {
	font-family: var(--font-sans);
	font-weight: 400;
	line-height: 1.06;
	letter-spacing: -.02em;
	color: var(--foreground);
}

.isittrend-article__body h2 { font-size: clamp(1.9rem, 4vw, 2.55rem); margin-top: 2em; }
.isittrend-article__body h3 { font-size: clamp(1.5rem, 3vw, 2rem); margin-top: 1.8em; }
.isittrend-article__body h4 { font-size: 1.35rem; margin-top: 1.6em; }

.isittrend-article__body ul,
.isittrend-article__body ol {
	padding-left: 1.35em;
}

.isittrend-article__body ul { list-style: disc; }
.isittrend-article__body ol { list-style: decimal; }
.isittrend-article__body li + li { margin-top: .55em; }

.isittrend-article__body blockquote {
	border-left: 3px solid var(--primary);
	padding: .25em 0 .25em 1.2em;
	font-family: var(--font-sans);
	font-size: 1.45em;
	line-height: 1.2;
	color: var(--foreground);
}

.isittrend-article__body a {
	color: var(--primary);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: .15em;
}

.isittrend-article__body a:hover { color: var(--foreground); }

.isittrend-article__body figure,
.isittrend-article__body img {
	max-width: 100%;
	height: auto;
}

.isittrend-article__body figcaption {
	margin-top: .75rem;
	font-family: var(--font-body);
	font-size: .82rem;
	line-height: 1.45;
	color: var(--muted-foreground);
}

@media (max-width: 40rem) {
	.isittrend-article__body { font-size: 1.05rem; line-height: 1.76; }
	.isittrend-article__body > * + * { margin-top: 1.35em; }
}