/* Vedomia — canonical top navigation (24.8.2026). One logo, one alignment, one type scale — on every page. This sheet is linked LAST in on purpose: pages grew their own nav styles over months (max-widths 1060/1080/1140, paddings 20px–2.5rem, logos 24/26/28px, links .78–.82rem). These rules are the site's design system for the top bar and are meant to win the cascade. Positioning (fixed/sticky and z-index) stays with each page — only geometry and type are unified here. Scope: `body > nav` = the top bar only. In-page navs (.lib-nav, breadcrumbs) are untouched. */ body > nav { height: 60px; background: rgba(255, 255, 255, .96); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border-bottom: 1px solid #e5e2dc; } /* The /ask/ bar wraps its text-size controls on small screens — it may grow. */ body > nav.top { height: auto; min-height: 60px; } body > nav.top .in { max-width: 1140px; padding-top: 0; padding-bottom: 0; min-height: 60px; row-gap: .4rem; } @media (max-width: 700px) { body > nav.top .in { padding-top: .55rem; padding-bottom: .55rem; } } .nav-inner { max-width: 1140px; margin: 0 auto; height: 100%; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 640px) { .nav-inner { padding: 0 18px; } } /* ── the one logo ── */ .nav-logo { display: inline-flex; align-items: center; gap: .6rem; text-decoration: none; flex: none; } .nav-logo img { width: 28px; height: 28px; border-radius: 6px; object-fit: cover; display: block; } .nav-logo span { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 1.02rem; font-weight: 600; line-height: 1; color: #1e2b28; letter-spacing: -.01em; } /* ── links: one size, one weight, one hover ── */ .nav-links a { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-size: .85rem; font-weight: 500; letter-spacing: .02em; color: #4a5b57; text-decoration: none; transition: color .15s ease; } .nav-links a:hover { color: #1f6f6f; } .nav-links a:focus-visible { outline: 2px solid #1f6f6f; outline-offset: 3px; border-radius: 4px; } /* The CTA pill. Pages grew local .nav-cta rules with !important over months — these declarations are marked !important so the design system wins even against them (a later important author rule of higher specificity wins). */ .nav-links a.nav-cta, a.nav-cta { background: #1f6f6f !important; color: #fff !important; border-radius: 8px !important; padding: .5rem 1.1rem !important; font-size: .85rem !important; font-weight: 600 !important; letter-spacing: .02em !important; } .nav-links a.nav-cta:hover, a.nav-cta:hover { background: #1f4e50 !important; color: #fff !important; } /* Desktop layout of the link row. Mobile menus (hamburger panels) keep each page's own display/position mechanics — never overridden from here. */ @media (min-width: 961px) { .nav-links { display: flex; align-items: center; gap: 1.5rem; margin: 0; padding: 0; list-style: none; } .nav-links li { margin: 0; } /* desktop links are bare text — no leftover hover-pill padding/backgrounds */ .nav-links a:not(.nav-cta) { padding: 0 !important; background: transparent !important; border-radius: 0 !important; } } .lang-toggle { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* !important: several pages carry an inline font-size on this element */ font-size: .78rem !important; }