/* Free implementation of the site's existing combined navigation header. */
.navigation-branding { display:flex; align-items:center; order:0; margin-right:10px; }
.navigation-branding img { display:block; position:relative; padding:10px 0; box-sizing:border-box; }
.main-navigation .navigation-branding .header-image { width:250px; height:auto; max-height:48px; max-width:100%; padding:0; }
.nav-align-right .navigation-branding { margin-right:auto; }
.main-navigation.has-branding .menu-toggle { flex-grow:0; width:auto; padding-right:20px; order:2; }
.main-navigation.has-branding .menu-bar-items { margin-left:auto; }
.main-navigation.nav-align-right .menu-bar-items { margin-left:0; }
.site-layout-archive { background:#f1f5f8; }
.rft-view-all { margin-top:36px; text-align:center; }
.rft-view-all .rft-view-all-button { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:48px; padding:12px 26px; border-radius:12px; background:#17233d; color:#fff; font-weight:700; text-decoration:none; }
.rft-view-all .rft-view-all-button:hover { background:#263a60; color:#fff; }
.rft-view-all .rft-view-all-button:focus-visible { outline:3px solid #e34b3e; outline-offset:4px; }
.site-layout-archive .inside-page-hero { padding:60px 20px; }
.site-layout-archive h1 { margin:0; font-size:40px; font-weight:700; }
.post-image-aligned-left .inside-article .post-image { float:left; margin:2em 2em 2em 0; }
.post-image-aligned-right .inside-article .post-image { float:right; margin:2em 0 2em 2em; }
.post-image-aligned-center .post-image { text-align:center; }
.post-image img { width:400px; height:200px; object-fit:cover; }
.inside-article::after { content:""; display:table; clear:both; }
@media (max-width:768px) {
  .entry-content .replyforthat-summary-table { width:100%; table-layout:fixed; }
  .entry-content .replyforthat-summary-table th,
  .entry-content .replyforthat-summary-table td { overflow-wrap:anywhere; }
  .navigation-branding { margin-left:10px; margin-right:auto; }
  .main-navigation .navigation-branding .header-image { width:200px; max-height:40px; }
  .main-navigation.has-branding .menu-bar-items { margin-left:0; }
  .site-layout-archive h1 { font-size:30px; }
  .post-image-aligned-left .inside-article .post-image,
  .post-image-aligned-right .inside-article .post-image { float:none; margin:2em 0; }
  .post-image img { max-width:100%; }
}