/* Content pages: case pages and the PM interview questions hub */
.content { padding-block: clamp(2rem, 1.5rem + 2vw, 3.5rem) 4rem; }
.content h2 { margin: 2.25rem 0 0.75rem; }
.content ul, .content ol { padding-left: 1.25rem; }
.content li + li { margin-top: 0.4rem; }
.crumbs { font-size: 0.8125rem; color: var(--text-3); margin-bottom: 1.25rem; }
.crumbs a { color: var(--text-2); }
.meta-row, .chip-row { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 1rem; }
.content .lead { margin-top: 0.75rem; }
.prompt-box { background: var(--fill); border-radius: var(--r-md); padding: 1rem 1.15rem; white-space: pre-line; }
.steps-list li::marker { color: var(--accent); font-weight: 600; }
.cta-box { margin: 2.5rem 0; padding: clamp(1.25rem, 1rem + 1vw, 1.75rem); border-radius: var(--r-lg); background: var(--accent-tint); display: flex; gap: 1rem 1.5rem; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.cta-box h2 { margin: 0 0 0.25rem; }
.cta-box p { margin: 0; }
.related { margin-top: 3rem; }
.related h2, .industry-block h3 { margin-bottom: 1.25rem; }
.type-block { margin-top: 1.75rem; }
.type-block .example { color: var(--text-2); }
.industry-block { margin-top: 2.5rem; scroll-margin-top: calc(var(--nav-h) + 1rem); }
.faq-list h3 { margin-top: 1.5rem; }
.faq-list p { color: var(--text-2); }