/* Insights page — one featured weekly pick (Dina's own summary + clear
   attribution + a link out to the original article) followed by an
   archive grid of past picks. See insights-cpt.php for why this never
   reproduces the source's own text. */

.th-insights-hero {
	background: var(--th-white); padding: 170px 0 60px; text-align: center;
}
.th-insights-hero-title {
	font-family: "Italiana", serif; font-weight: 400; letter-spacing: 0.035em;
	font-size: clamp(38px, 5.6vw, 64px); color: var(--th-dark-bg); margin: 10px 0 20px;
}
.th-insights-hero-sub {
	max-width: 620px; margin: 0 auto; font-size: 17px; line-height: 1.7; color: var(--th-black);
}

.th-insights-content { padding: 20px 0 120px; }
.th-insights-empty { font-size: 17px; text-align: center; padding: 40px 0; }

/* ── Featured pick ── */
.th-insights-feature {
	display: grid; grid-template-columns: 1fr 1fr; gap: 5vw; align-items: center;
	margin: 0 0 100px;
}
/* No cover image on this pick — use the full container width as one
   column instead of leaving an empty second grid track. */
.th-insights-feature-no-img { grid-template-columns: 1fr; max-width: none; }
.th-insights-feature-img { border-radius: 4px; overflow: hidden; }
.th-insights-feature-img img { width: 100%; height: auto; display: block; }
.th-insights-tag {
	color: var(--th-cta); font-weight: 700; font-size: 13px; letter-spacing: 0.14em;
	text-transform: uppercase; margin: 0 0 14px;
}
.th-insights-feature-title {
	font-family: "Italiana", serif; font-weight: 400; letter-spacing: 0.03em;
	font-size: clamp(24px, 2.8vw, 36px); color: var(--th-dark-bg); margin: 0 0 14px;
}
.th-insights-meta {
	font-size: 13px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase;
	color: var(--th-grey); margin: 0 0 18px;
}
.th-insights-meta span:not(:last-child)::after { content: "  \00b7  "; }
.th-insights-summary { font-size: 16px; line-height: 1.75; color: var(--th-black); margin: 0 0 28px; }
.th-insights-summary p { margin: 0 0 16px; }
.th-insights-summary p:last-child { margin-bottom: 0; }

/* ── Past picks grid ── */
.th-insights-past-eyebrow { margin: 0 0 24px; }
.th-insights-grid {
	display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px;
}
.th-insights-card-img { border-radius: 4px; overflow: hidden; margin: 0 0 18px; }
.th-insights-card-img img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; }
.th-insights-card-title {
	font-family: "Italiana", serif; font-weight: 400; letter-spacing: 0.03em;
	font-size: 20px; color: var(--th-dark-bg); margin: 0 0 10px;
}
.th-insights-card-link {
	display: inline-flex; align-items: center; gap: 6px;
	color: var(--th-dark-bg); font-weight: 700; font-size: 13px; letter-spacing: 0.03em;
	text-transform: uppercase; text-decoration: none;
}
.th-insights-card-link .th-arrow { transition: transform 0.2s ease; }
.th-insights-card-link:hover .th-arrow { transform: translateX(4px); }

@media (max-width: 860px) {
	.th-insights-feature { grid-template-columns: 1fr; gap: 24px; }
	.th-insights-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
}
@media (max-width: 600px) {
	.th-insights-grid { grid-template-columns: 1fr; }
}

/* ── Closing CTA band — this page doesn't load about.css/services.css, so
   its .th-cta-simple styling lives here too. ── */
.th-cta-simple { padding: 100px 0 90px; text-align: center; }
.th-cta-simple h2 {
	font-family: "Italiana", serif; font-weight: 400; letter-spacing: 0.035em;
	font-size: clamp(28px, 3.8vw, 46px); margin: 0 auto 34px; max-width: 720px;
}