/* Shared Rudh Systems navigation — mirrors the homepage header on blog pages. */
.rudh-site-nav{
  position:sticky;
  top:0;
  z-index:50;
  background:var(--paper,#E8EBE4);
  border-bottom:1px solid transparent;
  transition:border-color .25s ease;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.rudh-site-nav.stuck{border-bottom-color:var(--rule,#C7CFC2)}
.rudh-site-nav .wrap{
  width:100%;
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  padding-left:clamp(1.25rem,5vw,2.5rem);
  padding-right:clamp(1.25rem,5vw,2.5rem);
}
.rudh-site-nav .nav-in{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.7rem;
  padding-top:.8rem;
  padding-bottom:.8rem;
}
.rudh-site-nav .brand{
  display:flex;
  align-items:center;
  gap:.55rem;
  text-decoration:none;
  flex:0 0 auto;
  color:var(--ink,#1A2420);
  font-weight:400;
  text-transform:none;
}
.rudh-site-nav .brand-mark{
  width:24px;
  height:24px;
  flex:0 0 24px;
  background:var(--ink,#1A2420);
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:2px;
  padding:4px;
}
.rudh-site-nav .brand-mark i{display:block;width:4px;background:var(--paper,#E8EBE4)}
.rudh-site-nav .brand-mark i:nth-child(1){height:6px}
.rudh-site-nav .brand-mark i:nth-child(2){height:10px}
.rudh-site-nav .brand-mark i:nth-child(3){height:15px;background:var(--ai-glow,var(--glow,#5FD3D0))}
.rudh-site-nav .brand-name{
  font-size:1.04rem;
  font-weight:600;
  letter-spacing:-.02em;
  white-space:nowrap;
  text-transform:lowercase;
}
.rudh-site-nav .ai-chip{
  display:inline-flex;
  align-items:center;
  gap:.3rem;
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--ai,#0E6E72);
  border:1px solid var(--ai,#0E6E72);
  padding:.1rem .35rem;
  line-height:1.4;
}
.rudh-site-nav .ai-chip .spark{
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--ai,#0E6E72);
  animation:rudhNavSparkle 2.6s ease-in-out infinite;
}
@keyframes rudhNavSparkle{
  0%,100%{opacity:.35;transform:scale(.8)}
  50%{opacity:1;transform:scale(1.15)}
}
.rudh-site-nav .nav-links{
  display:none;
  gap:1rem;
  align-items:center;
}
.rudh-site-nav .nav-links a{
  text-decoration:none;
  font-size:.9rem;
  color:var(--ink-soft,var(--soft,#4E5A54));
  padding-bottom:2px;
  border-bottom:1px solid transparent;
  white-space:nowrap;
}
.rudh-site-nav .nav-links a:hover{
  color:var(--ink,#1A2420);
  border-bottom-color:var(--ink,#1A2420);
}
.rudh-site-nav .nav-links a.ai-link{
  color:var(--ai,#0E6E72);
  font-weight:600;
}
.rudh-site-nav .nav-links a.ai-link:hover{border-bottom-color:var(--ai,#0E6E72)}
.rudh-site-nav .nav-right{
  display:flex;
  align-items:center;
  gap:.5rem;
  flex:0 0 auto;
}
.rudh-site-nav .nav-blog-mobile{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
  font-size:.76rem;
  font-weight:600;
  color:var(--ai,#0E6E72);
  white-space:nowrap;
  padding:.32rem .08rem;
}
.rudh-site-nav .nav-blog-mobile:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}
.rudh-site-nav .lang{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid var(--rule,#C7CFC2);
  background:var(--panel,#F4F6F1);
  overflow:hidden;
}
.rudh-site-nav .lang-slide{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:33.3333%;
  background:var(--ink,#1A2420);
  transition:transform .3s cubic-bezier(.3,.8,.3,1);
}
html[data-lang="hi"] .rudh-site-nav .lang-slide{transform:translateX(100%)}
html[data-lang="mr"] .rudh-site-nav .lang-slide{transform:translateX(200%)}
.rudh-site-nav .lang button{
  position:relative;
  z-index:1;
  background:transparent;
  border:0;
  cursor:pointer;
  font-family:'Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  font-size:.78rem;
  font-weight:600;
  padding:.4rem .5rem;
  color:var(--ink-soft,var(--soft,#4E5A54));
  transition:color .25s ease;
  line-height:1.55;
  white-space:nowrap;
}
.rudh-site-nav .lang button[aria-pressed="true"]{color:var(--paper,#E8EBE4)}
.rudh-site-nav .lang button.dv{font-size:.84rem;padding-top:.3rem;padding-bottom:.34rem}
@media (min-width:1120px){
  .rudh-site-nav .nav-links{display:flex}
  .rudh-site-nav .nav-blog-mobile{display:none}
}
@media (max-width:767px){
  .rudh-site-nav .wrap{
    max-width:100%;
    padding-left:16px;
    padding-right:16px;
  }
  .rudh-site-nav .nav-in{
    gap:.4rem;
    padding-top:.7rem;
    padding-bottom:.7rem;
  }
  .rudh-site-nav .brand{min-width:0;gap:.4rem}
  .rudh-site-nav .brand-mark{width:22px;height:22px;flex-basis:22px}
  .rudh-site-nav .brand-name{font-size:.92rem}
  .rudh-site-nav .nav-right{min-width:0;gap:.3rem}
  .rudh-site-nav .ai-chip{font-size:.58rem;padding:.08rem .25rem}
  .rudh-site-nav .lang button{padding:.32rem .34rem;font-size:.68rem}
  .rudh-site-nav .lang button.dv{font-size:.75rem}
}
@media (max-width:420px){
  .rudh-site-nav .wrap{padding-left:14px;padding-right:14px}
  .rudh-site-nav .brand-name{font-size:.88rem}
  .rudh-site-nav .ai-chip{display:none}
}
