/*
 * OD blog-post end-cap v1.0.0 (FAQ band + "From the knowledge base"). Loaded ONLY on posts the
 * od-blog-post-template mu-plugin renders, after od-blogpost-1-0-1.css; reuses its tokens
 * (defined on .od-bp) and the .od-bp-relgrid / .od-bp-rel card styles. Not edited into the
 * existing stylesheet. Revert: delete this file (the plugin then skips the enqueue).
 */

/* ---- FAQ band (always visible, not collapsed) ---- */
.od-bp .od-bp-faq { border-top: 1px solid var(--od-line); margin-top: 40px; padding: 26px 0 8px; max-width: 760px; }
.od-bp .od-bp-faq h2 { font-size: 24px; font-weight: 700; letter-spacing: -.01em; line-height: 1.25; margin: 0 0 14px; color: var(--od-ink); scroll-margin-top: 24px; }
.od-bp .od-bp-faq-i { border-top: 1px solid var(--od-line); padding: 14px 0 6px; }
.od-bp .od-bp-faq-i:first-of-type { border-top: 0; }
.od-bp .od-bp-faq-i h3 { margin: 0 0 6px; font-size: 17px; font-weight: 600; line-height: 1.4; color: var(--od-ink); }
.od-bp .od-bp-faq-a { font-size: 16px; line-height: 1.6; color: var(--od-ink-soft); margin: 0 0 10px; }
.od-bp .od-bp-faq-a a { color: var(--od-green); text-decoration: none; border-bottom: 1px solid #bfdcc6; }
.od-bp .od-bp-faq-a a:hover { border-bottom-color: var(--od-green); }

/* ---- From the knowledge base (cards reuse .od-bp-relgrid / .od-bp-rel) ---- */
.od-bp .od-bp-kb { border-top: 1px solid var(--od-line); margin-top: 40px; padding: 26px 0; }
.od-bp .od-bp-kb h2 { font-size: 14px; text-transform: uppercase; letter-spacing: .08em; color: var(--od-ink-soft); font-weight: 700; margin: 0 0 16px; }
.od-bp .od-bp-kbl { background: var(--od-bg-soft); }

/* the related block directly after an end-cap block does not need its own top spacing twice */
.od-bp .od-bp-faq + .od-bp-kb, .od-bp .od-bp-kb + .od-bp-related { margin-top: 0; }
@media (max-width: 600px) {
	.od-bp .od-bp-faq h2 { font-size: 21px; }
}