/* Pages built from content/ (Pages CMS): blog posts, articles, legal pages. Only what the Webflow posts bring that the
   redesign's own pages never needed: images and video inside the text, h4, plain tables, quotes, a reference list. */
.prose figure { margin: 1.75rem 0; }
.prose figure img, .prose > img { display: block; max-width: 100%; height: auto; border-radius: 6px; border: 1px solid var(--rule-soft); }
.prose figcaption { margin-top: 0.5rem; font-size: 0.875rem; color: var(--ink-3); }
.prose figure.video { position: relative; aspect-ratio: 16 / 9; background: var(--gray-50); border-radius: 6px; overflow: hidden; border: 1px solid var(--rule-soft); }
.prose figure.video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.prose h4 { font-size: 1.125rem; margin-top: 1.75rem; }
.prose h5, .prose h6 { font-size: 1rem; margin-top: 1.5rem; }
.prose blockquote { margin: 1.5rem 0; padding: 0.25rem 0 0.25rem 1.25rem; border-left: 3px solid var(--yellow-300); color: var(--ink-2); }
.prose blockquote p:last-child { margin-bottom: 0; }
.prose li > p { margin-bottom: 0.4rem; }
.prose hr { border: 0; border-top: 1px solid var(--rule); margin: 2.5rem 0; }
.prose table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: 0.9375rem; display: block; overflow-x: auto; }
.prose th, .prose td { text-align: left; vertical-align: top; padding: 0.6rem 0.75rem; border-bottom: 1px solid var(--rule); }
.prose th { font-family: var(--font-mono); font-size: 0.75rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3); font-weight: 500; }
.prose a { overflow-wrap: anywhere; }
.post-hero { margin: 0 0 clamp(1.5rem, 3vw, 2.25rem); }
.post-hero img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 6px; border: 1px solid var(--rule-soft); background: var(--gray-50); }
/* the header image sits above the headline, as wide as the text column below it */
@media (min-width: 901px) { .post-hero { max-width: calc(100% - 240px - clamp(2rem, 5vw, 5rem)); } }
.refs { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--rule); }
.refs p { padding-left: 2em; text-indent: -2em; font-size: 0.9375rem; }
.more .posts { margin-top: 1.5rem; }