/* Article styles for posts rendered by the content-model layout (src/layouts/BlogPost.astro).
   The site's Tailwind reset strips all heading/paragraph/list styling and nothing else targets
   .thecmo-post, so without this the body renders as unstyled run-on text. Sizes and colours are
   taken from the site's own hand-built posts (h1 text-4xl..6xl black, h2 text-3xl black #05072d,
   body text-lg leading-8 stone-700, accent #ff3328). */
.thecmo-post{box-sizing:border-box;max-width:48rem;margin:0 auto;padding:3.5rem 1rem 4.5rem;color:#44403c;font-size:1.125rem;line-height:2rem;overflow-wrap:break-word}
@media (min-width:640px){.thecmo-post{padding-left:1.5rem;padding-right:1.5rem}}
@media (min-width:768px){.thecmo-post{padding-top:5rem;padding-bottom:5rem}}
.thecmo-post h1{margin:0;color:#05072d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2.25rem;line-height:1.15;font-weight:900}
@media (min-width:640px){.thecmo-post h1{font-size:3rem}}
.thecmo-post .thecmo-post-standfirst{margin:1.25rem 0 0;padding:0 0 2rem;border-bottom:4px solid #ff3328;color:#57534e;font-size:1.25rem;line-height:2rem}
.thecmo-post h2{margin:3rem 0 0;color:#05072d;font-size:1.875rem;line-height:1.2;font-weight:900;scroll-margin-top:6rem}
.thecmo-post h3{margin:2rem 0 0;color:#05072d;font-size:1.25rem;line-height:1.4;font-weight:900;scroll-margin-top:6rem}
.thecmo-post h4{margin:1.5rem 0 0;color:#05072d;font-size:1.125rem;line-height:1.5;font-weight:800}
.thecmo-post p{margin:1.25rem 0 0}
.thecmo-post ul,.thecmo-post ol{margin:1.25rem 0 0;padding-left:1.5rem}
.thecmo-post ul{list-style:disc}
.thecmo-post ol{list-style:decimal}
.thecmo-post li{margin-top:.5rem}
.thecmo-post li::marker{color:#ff3328}
.thecmo-post a{color:#05072d;font-weight:700;text-decoration:underline;text-decoration-color:#ff3328;text-decoration-thickness:2px;text-underline-offset:3px}
.thecmo-post a:hover{color:#ff3328}
.thecmo-post strong{color:#1c1917;font-weight:800}
.thecmo-post blockquote{margin:1.75rem 0 0;padding:1.25rem 1.5rem;border-left:4px solid #ff3328;background:#f7f4ef;color:#05072d;font-weight:600}
.thecmo-post blockquote p:first-child{margin-top:0}
.thecmo-post table{display:block;width:100%;max-width:100%;overflow-x:auto;margin:1.75rem 0 0;border-collapse:collapse;font-size:1rem;line-height:1.6}
.thecmo-post th,.thecmo-post td{padding:.625rem .875rem;border:1px solid #e7e5e4;text-align:left;vertical-align:top}
.thecmo-post th{background:#05072d;color:#fff;font-weight:800}
.thecmo-post tr:nth-child(even) td{background:#f7f4ef}
.thecmo-post img{max-width:100%;height:auto;margin-top:1.75rem;border-radius:.125rem}
.thecmo-post hr{margin:2.5rem 0 0;border:0;border-top:1px solid #e7e5e4}
.thecmo-post code{font-size:.9em;background:#f5f5f4;padding:.1em .3em;border-radius:.125rem}
.thecmo-post-related{margin-top:3.5rem;padding:1.5rem;border-left:4px solid #ff3328;background:#f7f4ef;border-radius:.125rem}
.thecmo-post .thecmo-post-related h2{margin-top:0;font-size:.875rem;line-height:1.25rem;letter-spacing:.16em;text-transform:uppercase;color:#ff3328}
.thecmo-post .thecmo-post-related ul{list-style:none;padding-left:0;margin-top:1rem}
.thecmo-post .thecmo-post-related li{margin-top:1rem;font-size:1rem;line-height:1.6}
.thecmo-post .thecmo-post-related li span{color:#57534e}