/* Article styles for content-model posts (<main class="thecmo-post">, layout src/layouts/BlogPost.astro).
   Added 2026-10-21: the global stylesheet resets p/ul margins to 0 and nothing styled .thecmo-post,
   so body text ran together. Sizes and colors mirror the site's own .content and .page-hero rules. */
.thecmo-post{max-width:880px;margin:0 auto;padding:56px 24px 66px}
.thecmo-post h1{margin:0 0 18px}
.thecmo-post .thecmo-post-standfirst{max-width:760px;margin:0 0 34px;padding-bottom:28px;border-bottom:4px solid var(--brand);font-size:19px;line-height:1.55;color:#d6d6d6}
.thecmo-post h2{margin:40px 0 14px;font-size:30px;line-height:1.15}
.thecmo-post h3{margin:28px 0 10px;font-size:23px;line-height:1.2}
.thecmo-post p,.thecmo-post li{color:var(--text);font-size:18px;line-height:1.72}
.thecmo-post p{margin:0 0 18px}
.thecmo-post ul,.thecmo-post ol{margin:0 0 20px;padding-left:1.4em}
.thecmo-post ul{list-style:disc}
.thecmo-post ol{list-style:decimal}
.thecmo-post li{margin-bottom:8px}
.thecmo-post li::marker{color:var(--brand)}
.thecmo-post a{color:var(--brand)}
.thecmo-post strong{color:var(--white)}
.thecmo-post blockquote{margin:0 0 20px;padding:4px 0 4px 18px;border-left:4px solid var(--brand)}
.thecmo-post table{width:100%;margin:8px 0 26px;border-collapse:collapse;font-size:16px;line-height:1.5}
.thecmo-post th,.thecmo-post td{padding:10px 12px;border:1px solid var(--line);text-align:left;vertical-align:top;color:var(--text)}
.thecmo-post th{background:var(--soft);color:var(--white);font-weight:800}
.thecmo-post img{width:100%;margin:0 0 26px}
.thecmo-post .thecmo-post-related{margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}
.thecmo-post .thecmo-post-related h2{margin-top:0;font-size:26px}
.thecmo-post .thecmo-post-related ul{list-style:none;padding:0}
.thecmo-post .thecmo-post-related li{margin-bottom:14px;font-size:17px}
.thecmo-post .thecmo-post-related a{font-weight:800}
.thecmo-post .thecmo-post-related span{color:var(--muted)}
@media(max-width:760px){.thecmo-post table{display:block;overflow-x:auto}}
@media(max-width:620px){.thecmo-post{padding:40px 18px 46px}.thecmo-post h2{font-size:26px}.thecmo-post h3{font-size:21px}.thecmo-post p,.thecmo-post li{font-size:17px}.thecmo-post .thecmo-post-standfirst{font-size:17px}}