body[data-blog-url]{--blog-nav-height:60px;padding-top:var(--blog-nav-height)}.blog-navigation{position:fixed;inset:0 0 auto;z-index:70;height:var(--blog-nav-height);display:flex;align-items:center;gap:30px;padding:0 28px;background:#17221f;color:#edf4f0;border-bottom:1px solid #385047;font:14px system-ui,sans-serif;box-sizing:border-box}.blog-navigation .blog-brand{font-size:19px;font-weight:650;color:#fff;flex-shrink:0}.blog-navigation nav{display:flex;align-items:center;gap:24px;overflow-x:auto;white-space:nowrap;min-width:0;height:100%}.blog-navigation nav a{color:#d2ded7;padding:10px 0;text-decoration:none;flex-shrink:0}.blog-navigation nav a:hover,.blog-navigation nav a[aria-current]{color:#fff;border-bottom:2px solid #91c6ae}.blog-navigation a:focus-visible{outline:2px solid #b6e5c5;outline-offset:3px}body[data-blog-url] .sidebar{top:var(--blog-nav-height);height:calc(100vh - var(--blog-nav-height))}body[data-blog-url] .topbar{top:var(--blog-nav-height)}@media(max-width:800px){body[data-blog-url] .sidebar{height:auto}body[data-blog-url] .topbar{top:calc(var(--blog-nav-height) + 94px)}.blog-navigation{padding:0 16px;gap:20px}.blog-navigation nav{gap:20px}}@media(max-width:590px){body[data-blog-url]{--blog-nav-height:88px}.blog-navigation{flex-direction:column;align-items:stretch;justify-content:center;gap:2px;padding:8px 16px}.blog-navigation .blog-brand{font-size:16px}.blog-navigation nav{height:40px;font-size:12px;gap:20px}.blog-navigation nav a{padding:7px 0}}@media print{.blog-navigation{display:none}body[data-blog-url]{padding-top:0}}