/* Blog article typography (single.php), matched to the v2 pages: same Geist sizes, looser line height,
   softer text colour. Overrides the older rules in dist/css/pages/single-insights.css.
   Only the article's own text is targeted (core paragraph / heading / list / quote / table / image blocks that sit
   directly in .post-content-card); designed blocks such as TL;DR or note cards keep their own styles. */

.container-post .post-content-card > p,
.container-post .post-content-card > .wp-block-list li {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.01em;
    color: #383838;
}
.container-post .post-content-card > p { margin-bottom: 20px; }
.container-post .post-content-card > p strong,
.container-post .post-content-card > p b,
.container-post .post-content-card > .wp-block-list strong,
.container-post .post-content-card > .wp-block-quote strong { font-weight: 600; color: #1C1C1C; }
.container-post .post-content-card > p a:not([class]),
.container-post .post-content-card > .wp-block-list a:not([class]),
.container-post .post-content-card > .wp-block-quote a:not([class]) { color: #D41028; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.container-post .post-content-card > p a:not([class]):hover,
.container-post .post-content-card > .wp-block-list a:not([class]):hover,
.container-post .post-content-card > .wp-block-quote a:not([class]):hover { color: #ED3221; }

.container-post .post-content-card > h2.wp-block-heading {
    margin: 56px 0 20px;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: -0.02em;
    color: #1C1C1C;
    text-wrap: balance;
}
.container-post .post-content-card > h2.wp-block-heading:first-child { margin-top: 0; }
.container-post .post-content-card > h3.wp-block-heading {
    margin: 40px 0 14px;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 500;
    letter-spacing: -0.015em;
    color: #1C1C1C;
}

/* The old blog CSS spaces list items 30px apart (flex gap); keep items close like normal text */
.container-post .post-content-card > .wp-block-list { margin: 0 0 24px; gap: 10px; }
.container-post .post-content-card > .wp-block-list li { margin-bottom: 0; }

.container-post .post-content-card > .wp-block-quote p.note { font-size: 17px; line-height: 28px; margin-bottom: 0; }
.container-post .post-content-card > .wp-block-table td,
.container-post .post-content-card > .wp-block-table th { font-size: 15px; line-height: 22px; }
.container-post .post-content-card > .wp-block-table figcaption { margin-top: 10px; font-size: 14px; line-height: 20px; color: #747474; }
.container-post .post-content-card > .wp-block-image { margin-top: 32px; margin-bottom: 32px; }

@media (max-width: 768px) {
    .container-post .post-content-card > p,
    .container-post .post-content-card > .wp-block-list li { font-size: 17px; line-height: 28px; }
    .container-post .post-content-card > h2.wp-block-heading { margin: 40px 0 16px; padding: 0; font-size: 26px; }
    .container-post .post-content-card > h3.wp-block-heading { margin: 32px 0 12px; font-size: 21px; }
}

/* "Typical timeline: Week 1" chip under a phase heading */
.container-post .post-content-card > p.post-timeline { display: flex; width: fit-content; max-width: 100%; align-items: center; gap: 6px; margin: -6px 0 20px; padding: 6px 14px; border-radius: 999px; background: #FFF0F2; font-size: 15px; line-height: 22px; font-weight: 500; color: #D41028; }
.container-post .post-content-card > p.post-timeline span { font-weight: 400; color: #575757; }