/* v109: one final visual contract across home, editorial, hubs and tools. */

/* The editorial reset is more specific than the base skip-link rule. */
body:not(.home-template) a.skip,
body:not(.home-template) a.skip:visited,
.home-template a.skip,
.home-template a.skip:visited {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  color: #fff;
}

/* Homepage disclosure sits on the dark hero and must not inherit light-copy links. */
.home-template .hero .independence a,
.home-template .hero .independence a:visited {
  color: #d1cace !important;
  text-decoration-color: #e85b8f !important;
}
.home-template .hero .independence a:hover {
  color: #fff !important;
  text-decoration-color: #fff !important;
}

/* Footer labels and links share the same readable dark-surface system. */
.site-footer .editorial-footer-hubs b,
.editorial-footer .editorial-footer-hubs b {
  color: #b7b0b3;
  font-size: 10px;
  line-height: 1.4;
}
.site-footer :is(.footer-main, .editorial-footer-main) nav a,
.editorial-footer :is(.footer-main, .editorial-footer-main) nav a,
.site-footer .editorial-footer-hubs a,
.editorial-footer .editorial-footer-hubs a,
.site-footer .footer-legal a,
.editorial-footer .footer-legal a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

/* Ordinary editorial stories keep one title scale, even when legacy post CSS differs. */
body.post-template:not(.tag-audio-tools) .article-masthead h1 {
  font-size: clamp(42px, 4.2vw, 60px) !important;
}

/* Every browser tool gets the same compact outer masthead. Tool UIs stay untouched. */
body.post-template.tag-audio-tools .article-hero {
  min-height: 320px !important;
}
body.post-template.tag-audio-tools .article-masthead {
  min-height: 0 !important;
  padding: 32px 30px 26px !important;
}
body.post-template.tag-audio-tools .article-masthead h1 {
  margin-bottom: 20px !important;
  font-size: clamp(36px, 3vw, 44px) !important;
  line-height: 1 !important;
  letter-spacing: -.05em !important;
}

@media (max-width: 900px) {
  body.post-template:not(.tag-audio-tools) .article-masthead h1 {
    font-size: 39px !important;
  }
  body.post-template.tag-audio-tools .article-hero {
    min-height: 0 !important;
  }
  body.post-template.tag-audio-tools .article-masthead {
    padding: 24px 20px 20px !important;
  }
  body.post-template.tag-audio-tools .article-masthead h1 {
    margin-bottom: 16px !important;
    font-size: 34px !important;
  }
}