/* Align the blog's header, breadcrumbs, heading and article grid. */
body.blog {--mkt-blog-content:1160px;--mkt-blog-gutter:20px}
body.blog .mkt-site-header__inner {width:min(calc(100% - 40px),var(--mkt-blog-content))}
.blog .mkt-blog-heading {
  box-sizing:border-box;
  padding:20px max(var(--mkt-blog-gutter),calc((100% - var(--mkt-blog-content))/2)) 0;
}
.blog .mkt-blog-heading > * {max-width:none}
.blog .mkt-blog-heading h1 {margin:0;overflow-wrap:break-word}
.blog .mkt-blog-breadcrumbs {margin:0 0 28px;color:#68758a;font-size:13px;line-height:1.6}
.mkt-blog-breadcrumbs ol {display:flex;flex-wrap:wrap;gap:6px 10px;margin:0;padding:0;list-style:none}
.mkt-blog-breadcrumbs li {display:flex;align-items:baseline;gap:10px}
.mkt-blog-breadcrumbs li+li::before {content:'›';color:#8d96a3}
.mkt-blog-breadcrumbs a {color:inherit;text-decoration:none}
.mkt-blog-breadcrumbs a:hover {color:var(--mkt-pink);text-decoration:underline;text-underline-offset:3px}
.mkt-blog-breadcrumbs a:focus-visible {outline:2px solid var(--mkt-pink);outline-offset:4px;border-radius:2px}
.mkt-blog-breadcrumbs [aria-current] {color:var(--mkt-ink)}
.blog main > .mkt-section {width:min(calc(100% - 40px),var(--mkt-blog-content));padding-top:32px}
.blog .mkt-post-grid,.blog .mkt-post-grid.is-flex-container {padding-inline:0}
@media(max-width:620px) {
  .blog .mkt-blog-heading {padding-top:24px}
  .blog .mkt-blog-breadcrumbs {margin-bottom:22px}
  .blog main > .mkt-section {padding-top:28px}
}