/* Keep the existing site layout; make generated navigation and media responsive. */
.blog-nav, .blog-pagination { margin: 1.5rem 0; line-height: 2; }
.blog-pagination { display: flex; justify-content: center; align-items: center; gap: .25rem; flex-wrap: wrap; }
.blog-pagination > a, .blog-pagination > span { display: inline-flex; flex: 0 0 1.75rem; height: 2rem; align-items: center; justify-content: center; box-sizing: border-box; text-align: center; }
.blog-pagination > [aria-current="page"] { font-weight: bold; color: #333; background: #edf4fa; border-radius: 3px; }
.blog-articles { list-style: none; padding: 0; }
.blog-articles > li { padding: 1rem 0; border-bottom: 1px solid #ddd; }
.blog-articles h2 { margin: 0 0 .5rem; font-size: 1.2rem; }
.blog-articles time { color: #666; }
.asset-body img, .asset-body video { max-width: 100%; height: auto; }
.asset-body iframe { max-width: 100%; }
#beta .blog-search input { max-width: 100%; box-sizing: border-box; }
@media (max-width: 760px) {
  #container, #container-inner, #content, #content-inner { width: 100%; min-width: 0; }
  .layout-wt #alpha, .layout-wt #beta { float: none; display: block; width: 100%; }
  #header-inner, #footer-inner, #alpha-inner, #beta-inner { padding: 16px; }
  .layout-wt #content-inner { background: none; }
  .asset-body { overflow-wrap: anywhere; }
}
@media (min-width: 761px) {
  .layout-wt #alpha { width: 750px; }
  #header-content { max-width: calc(100% - 40px); }
}
#content-inner { display: flow-root; }
/* Match the published blog: the global static-site main rule is not a blog layout. */
main#content { max-width: none; margin: 0; padding: 0; }
.breadcrumb { text-align: center; color: #0012ab; }
.mt-main-index .breadcrumb { font-weight: bold; }