/* Breadcrumbs belong to the editorial content column, beneath the main header. */
body.v4-inner main#blog > .blog-hero,
body.v4-inner main#post,
body.v4-inner main#article-post {
  padding-top:clamp(24px,2.5vw,40px);
}
body.v4-inner main#post > .post,
body.v4-inner main#article-post > .post {padding-top:0}
body.v4-inner main nav.mb-blog-crumbs {
  position:static!important;
  display:flex;
  align-items:baseline;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:8px;
  width:100%;
  max-width:none;
  margin:0 0 28px;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  opacity:.8;
  font-family:inherit;
  font-size:13px;
  line-height:1.6;
  text-align:left;
}
body.v4-inner main .mb-blog-crumbs a {white-space:nowrap;color:inherit}
body.v4-inner main .mb-blog-crumbs a:focus-visible {
  outline:2px solid #527324;
  outline-offset:4px;
  border-radius:2px;
}
body.v4-inner main .mb-blog-crumbs .crumbs-sep {color:inherit;opacity:.6}
body.v4-inner main .mb-blog-crumbs .crumbs-current {
  min-width:0;
  color:inherit;
  overflow-wrap:anywhere;
}
body.v4-inner main#blog .blog-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
body.v4-inner main#blog .blog-card {min-width:0}
body.v4-inner main#blog .blog-card :is(h2,p) {overflow-wrap:anywhere}
@media(max-width:1100px) {
  body.v4-inner main#blog .blog-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px) {
  body.v4-inner main nav.mb-blog-crumbs {margin-bottom:24px;font-size:12px;gap:6px}
  body.v4-inner main#blog .blog-grid {grid-template-columns:minmax(0,1fr)}
}