/* Blog uses the approved home navigation and its existing responsive styles. */
.site-header {
  padding-bottom: 1.45rem;
  background: #b4e1e3;
}
.site-header__inner {
  width: min(100%, 1352px);
  margin: 0 auto;
  padding: 0 2.35rem;
}
.library-page .medic-nav {
  font-family: var(--font-text);
  line-height: var(--leading-normal);
  letter-spacing: -.005em;
  -webkit-font-smoothing: antialiased;
}
.library-page .medic-nav a { text-decoration: none; }
.library-page .medic-nav__brand { color: #123e47; }
.library-page .medic-nav__whatsapp { color: #063f26; }
.library-page .medic-nav svg { display: block; max-width: 100%; }
.library-page .whatsapp-capture { font-family: var(--font-text); }
.library-page .whatsapp-capture input[type=checkbox] { width: 1rem; height: 1rem; }
.library-page .whatsapp-capture__praca input { width: auto; }

@media (min-width: 62.01rem) and (max-width: 70rem) {
  .library-page .medic-nav__links { font-size: .8rem; gap: .65rem; }
}
/* Keep the same menu available on tablets between the desktop and phone layouts. */
@media (min-width: 40rem) and (max-width: 62rem) {
  .library-page .medic-nav__menu {
    display: grid; place-items: center; width: 2.9rem; height: 2.9rem;
    border: 0; padding: 0; background: transparent; color: #073a50; cursor: pointer;
  }
  .library-page .medic-nav__menu svg { width: 2rem; height: 2rem; }
  .library-page .medic-nav.is-open .medic-nav__links {
    position: absolute; display: flex; flex-direction: column; align-items: stretch;
    top: calc(100% + 1rem); left: 0; right: 0; margin: 0; padding: 1.5rem;
    border-radius: 1rem; background: #e1f8fa; box-shadow: 0 1rem 2rem #073a5033;
    max-height: 70dvh; overflow-y: auto; gap: 1rem;
  }
}
@media (max-width: 39.99rem) {
  .site-header { min-height: 7.25rem; padding: 0; }
  .site-header__inner { padding: 0; }
  .library-page .medic-nav { --hero-mobile-cta-height: 0px; }
  body.library-page.hero-menu-open { overflow: hidden; }
  body.library-page.mobile-nav-compact > .medic-nav:not(.is-open) {
    position: fixed; z-index: 950; top: max(.75rem, env(safe-area-inset-top));
    left: auto; right: max(.75rem, env(safe-area-inset-right)); width: 3.5rem; height: 3.5rem;
    padding: 0; border-radius: 50%; background: rgba(240,253,253,.94);
    box-shadow: 0 .8rem 2rem rgba(3,50,69,.2), inset 0 1px 0 rgba(255,255,255,.95);
    backdrop-filter: none;
  }
  body.library-page.mobile-nav-compact > .medic-nav:not(.is-open) .medic-nav__brand {
    position: absolute; width: 0; height: 0; overflow: hidden; opacity: 0; visibility: hidden;
  }
  body.library-page.mobile-nav-compact > .medic-nav:not(.is-open) .medic-nav__menu {
    width: 100%; height: 100%; border-radius: 50%;
  }
  body.library-page.mobile-nav-compact > .medic-nav:not(.is-open) .medic-nav__menu svg {
    width: 1.75rem; height: 1.75rem;
  }
  .library-page .medic-nav__links { padding-bottom: max(2rem, env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
  .library-page .medic-nav { transition-duration: .01ms !important; }
}
