/* Shared navigation for Ecovative and its blog. */
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
.site-nav { position: sticky; top: 12px; z-index: 100; display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 0 auto 34px; padding: 12px 16px; border: 1px solid rgba(163,233,210,.28); border-radius: 8px; background: rgba(2,23,20,.97); box-shadow: 0 6px 24px rgba(0,0,0,.18); backdrop-filter: blur(12px); }
.site-nav a { color: #A3E9D2; font-family: 'Space Mono', ui-monospace, monospace; font-size: .76rem; line-height: 1.4; text-decoration: none; white-space: nowrap; }
.site-nav .site-nav-home { color: #C5FFE9; font-weight: 700; font-size: 1rem; letter-spacing: .04em; }
.site-nav-links { display: flex; align-items: center; gap: 22px; }
.site-nav-links a { padding: 8px 0; }
.site-nav-links .site-nav-blog { color: #E07A5F; }
.site-nav a:hover, .site-nav a[aria-current="page"] { color: #fff; }
.site-nav a:focus-visible { outline: 2px solid #E07A5F; outline-offset: 5px; border-radius: 2px; }
@media (max-width: 700px) {
 .site-nav { gap: 6px; flex-direction: column; align-items: stretch; top: 8px; padding: 10px 14px; margin-bottom: 26px; }
 .site-nav .site-nav-home { align-self: center; font-size: .9rem; }
 .site-nav-links { justify-content: space-between; gap: 10px; }
 .site-nav-links a { font-size: .67rem; padding: 8px 0; }
 html { scroll-padding-top: 110px; }
}
@media (max-width: 380px) {
 .site-nav-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:8px; row-gap:0; text-align:center; }
 html { scroll-padding-top:146px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }