/* Blog additions use the existing site tokens, type and responsive grid. */
.blog-card{display:flex;flex-direction:column;min-width:0}
.blog-card .article-card-media a{display:block}
.blog-card h2 a{color:var(--ink);font-weight:500}
.blog-card h2 a:hover,.blog-card h2 a:focus-visible{color:var(--pink);text-decoration:underline}
.blog-card .kicker{color:var(--pink)}
.blog-card .blog-date{margin:0 0 14px;font-size:14px}
.blog-card .blog-read{margin-top:auto;padding-top:8px}
.blog-byline{margin:20px 0 0;color:#ddd;font-size:14px}
.blog-reading{max-width:900px}
.blog-reading .prose{max-width:none}
.blog-image{margin:0 0 36px}
.blog-image img{width:100%;height:auto;max-height:500px;object-fit:cover}
.blog-image figcaption{margin-top:10px;font-size:13px;color:#666}
.blog-article .prose h2{font-size:clamp(25px,3vw,32px);line-height:1.2;margin:36px 0 16px}
.blog-article .prose a:not(.btn){color:#bd1b58;text-decoration:underline;text-underline-offset:3px}
.blog-article .prose li{font-size:17px;color:#444}
.blog-enquiry{margin:36px 0;padding:28px;background:var(--paper);border-top:3px solid var(--pink)}
.blog-article .blog-enquiry h2{margin-top:0}
.blog-enquiry .btn{white-space:normal;text-align:center}
.blog-grid a:focus-visible,.blog-article a:focus-visible{outline:3px solid var(--pink);outline-offset:4px}
@media(max-width:560px){.blog-enquiry{padding:22px}.blog-image{margin-bottom:28px}}