/* supplement.css — restoration overrides on top of Saga theme */

/* Listing cards without a cover image: give a pleasant gradient so they don't look broken */
.feed.grid .post:not(.has-image){
  background-image:linear-gradient(135deg,#2c3e50,#4a6274);
}
.feed.grid .post{ min-height:320px; }

/* Ensure article body images never overflow */
.post-content-body img, .content img{ max-width:100%; height:auto; }

/* Keep smooth-scroll from tripping link-visibility QA */
html{ scroll-behavior:auto; }

/* Top navigation: theme hides .label expecting icon-only items (.nav-*-icon),
   but this site's nav items are text links — show them as a horizontal menu */
.blog-navigation{display:flex;align-items:center;padding-right:1.5rem;}
.blog-navigation ul{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;}
.blog-navigation ul li{margin:0;font-size:1.4rem;}
.blog-navigation ul li a{display:block;padding:0 .75rem;line-height:6rem;color:#fff;text-decoration:none;white-space:nowrap;}
.blog-navigation ul li a:hover,
.blog-navigation ul li a:focus{background:#1d1d1d;color:#fff;text-decoration:none;}
.blog-navigation .label{position:static;top:auto;left:auto;width:auto;height:auto;overflow:visible;}
@media (max-width:760px){
  .header--top{max-height:none;overflow:visible;flex-wrap:wrap;}
  .blog-navigation{padding:0 .75rem;}
  .blog-navigation ul li a{line-height:3rem;padding:0 .5rem;}
}

/* Article content heading hierarchy (theme flattens .content headings) */
.post-content-body h2, main .content h2{ font-size:1.8rem !important; line-height:1.25; margin:1.6rem 0 .7rem; }
.post-content-body h3, main .content h3{ font-size:1.4rem !important; line-height:1.3; margin:1.3rem 0 .6rem; }
.post-content-body h4, main .content h4{ font-size:1.12rem !important; line-height:1.35; margin:1.1rem 0 .5rem; }
.post-content-body h5, main .content h5{ font-size:1rem !important; margin:1rem 0 .5rem; }
.post-content-body p, main .content p{ font-size:1.05rem; line-height:1.7; }