/* Existing site cards and typography; no global menu/footer overrides. */
.blog-post-card .blog-post-cover{display:block;margin:0 0 20px;overflow:hidden;border-radius:9px;background:var(--graphite,#1B2229)}
.blog-post-card .blog-post-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .25s ease}
.blog-post-card .blog-post-cover:hover img{transform:scale(1.025)}
.blog-post-card .blog-post-cover:focus-visible{outline:2px solid var(--cyan,#8ACED6);outline-offset:4px}
.blog-post-card h3 a{color:inherit;text-decoration:none}
.blog-post-card h3 a:hover{color:var(--cyan)}
.blog-pl-article-nav{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}
.blog-article-content{overflow-wrap:anywhere;min-width:0}
.blog-article-content [data-blog-youtube]{margin:1.6em 0;padding:18px;border:1px solid var(--line);border-radius:12px;clear:both}
.blog-article-content [data-blog-youtube] iframe{display:block;width:100%;aspect-ratio:16/9;border:0;margin-top:15px}
.blog-article-content [data-blog-youtube] p{margin-bottom:12px}
.blog-pl-date{display:block;color:var(--muted);margin-top:18px;font-size:.85rem}
@media(prefers-reduced-motion:reduce){.blog-post-card .blog-post-cover img{transition:none}}

/* One responsive article width, shared by current and future blog templates. */
main:has(.blog-article-content, [data-blog-list], [data-blog-topic]) > section > .wrap {
  width:min(1312px,calc(100% - 48px));
  margin-inline:auto;
}
main .content-card.blog-article-content {
  width:100%;
  max-width:none;
  min-width:0;
  margin-inline:0;
  padding:clamp(20px,2.1vw,30px);
}
.blog-article-content :is(p,li) {line-height:1.75;}
.blog-article-content :is(img,video,iframe,svg) {max-width:100%;}
.blog-article-content :is(img,video) {height:auto;}
.blog-article-content :is(pre,table) {max-width:100%;overflow-x:auto;}
.blog-article-content table {display:block;}
.blog-article-content pre {white-space:pre;}
.blog-article-content :is(h1,h2,h3,h4,h5,h6,a) {overflow-wrap:anywhere;}
@media(max-width:760px) {
  main:has(.blog-article-content, [data-blog-list], [data-blog-topic]) > section > .wrap {
    width:calc(100% - 30px);
  }
  main .content-card.blog-article-content {padding:20px 18px;}
}

/* Article links on every blog listing, including older category pages. */
body main .blog-post-card .service-link{background:transparent!important;color:#d98a55!important;border:0!important;box-shadow:none}
body main .blog-post-card .service-link:is(:hover,:focus-visible){background:transparent!important;color:#e8a77a!important;text-decoration:underline;text-underline-offset:4px}
body main .blog-post-card .service-link:focus-visible{outline:2px solid #d98a55;outline-offset:4px}
.blog-topic-description{color:var(--muted);margin:8px 0 20px}