/* Corporate main-site V57: standalone Blog navigation link.
   Keep existing light/dark backgrounds and established menu interactions. */
html body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-height:38px!important;
  flex:0 0 auto!important;
  padding:7px 11px!important;
  border:1px solid rgba(224,177,96,.52)!important;
  border-radius:10px!important;
  background:rgba(229,182,103,.12)!important;
  color:#e7ba72!important;
  font:850 clamp(11px,.89vw,13px)/1.6 Cairo,Arial,sans-serif!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  opacity:1!important;
  transition:background .2s ease,color .2s ease,border-color .2s ease!important;
}
html[data-theme="light"] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link {
  color:#7d531a!important;
  background:rgba(229,182,103,.17)!important;
  border-color:rgba(139,99,45,.46)!important;
}
html body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link:is(:hover,:focus-visible){
  background:#e8bd72!important;
  border-color:#e8bd72!important;
  color:#09223a!important;
}
html body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link:focus-visible {
  outline:2px solid #eccb8d!important;
  outline-offset:3px!important;
}
@media(min-width:881px) and (max-width:1500px){
  html body > header.site-header .nav-inner > .site-nav {column-gap:clamp(5px,.68vw,9px)!important}
  html body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link{
    padding:7px 8px!important;
    font-size:11px!important;
  }
}
@media(max-width:880px){
  html body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link{
    display:flex!important;
    width:100%!important;
    justify-content:flex-start!important;
    min-height:44px!important;
    padding:10px 13px!important;
    margin:5px 0!important;
    font-size:14px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link{transition:none!important}
}

/* V58 — Blog is a native navbar item, NOT an outlined CTA.
   Keep the identical color-hover and gold active underline of normal links. */
html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link,
html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link.current {
  display:inline-flex!important;
  position:relative!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  flex:0 0 auto!important;
  min-height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#f3f7fd!important;
  -webkit-text-fill-color:#f3f7fd!important;
  font-family:Cairo,Tahoma,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.5!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  text-shadow:none!important;
  opacity:1!important;
  transition:color .2s ease!important;
}
html[data-theme="light"] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link:not(.current) {
  color:#102641!important;
  -webkit-text-fill-color:#102641!important;
}
html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link:is(:hover,:focus-visible),
html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link.current {
  color:#eac17e!important;
  -webkit-text-fill-color:#eac17e!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
/* On Blog routes .current uses the same thin gold line as regular current nav. */
html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link.current::after {
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset-inline:12% 12%!important;
  bottom:-18px!important;
  top:auto!important;
  height:3px!important;
  border:0!important;
  border-radius:999px!important;
  background:#d5a447!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  pointer-events:none!important;
}
html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link:not(.current)::after {
  content:none!important;
  display:none!important;
}
@media(min-width:1201px) and (max-width:1500px){
  html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link{font-size:clamp(11px,.86vw,12.5px)!important}
}
@media(min-width:881px) and (max-width:1200px){
  html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link{font-size:10.6px!important}
}
@media(max-width:880px){
  html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link,
  html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link.current {
    display:flex!important;
    width:100%!important;
    min-height:44px!important;
    justify-content:flex-start!important;
    margin:0!important;
    padding:10px 12px!important;
    border-radius:8px!important;
    font-size:13px!important;
  }
  html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link.current::after{display:none!important}
  html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link:is(:hover,:focus-visible){
    background:rgba(232,189,120,.08)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link{transition:none!important}
}