/* Site nav — static port of the SiteNav component. */
.nb-nav{position:sticky;top:0;z-index:50;background:rgba(250,250,246,0.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #E2E2DA;font-family:'IBM Plex Sans',sans-serif}
.nb-bar{max-width:1160px;margin:0 auto;padding:0 24px;height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.nb-brand{display:flex;align-items:baseline;gap:10px;color:#1A231F;text-decoration:none;flex-shrink:0}
.nb-brand:hover{color:#1A231F}
.nb-logo{font-family:'Newsreader',serif;font-weight:600;font-size:22px;letter-spacing:0.01em}
.nb-by{font-family:'IBM Plex Mono',monospace;font-size:10px;color:#5F6862;letter-spacing:0.14em}
.nb-desktop{display:flex;align-items:center;gap:24px}
.nb-top{background:none;border:none;padding:8px 0;font:inherit;font-size:14px;color:#4A544E;text-decoration:none;cursor:pointer;display:flex;align-items:center;gap:5px}
.nb-top:hover{color:#1A231F}
.nb-top[aria-current]{color:#16563C}
.nb-caret{font-size:9px}
.nb-menu{position:relative}
.nb-drop{display:none;position:absolute;top:100%;left:-16px;background:#FFFFFF;border:1px solid #DDDFD5;border-radius:4px;box-shadow:0 12px 32px rgba(26,35,31,0.1);padding:8px;min-width:240px;flex-direction:column}
.nb-menu.open .nb-drop{display:flex}
@media (hover:hover){.nb-menu:hover .nb-drop{display:flex}}
.nb-drop-link{padding:9px 12px;font-size:14px;color:#1A231F;border-radius:3px;text-decoration:none}
.nb-drop-link:hover{background:#F2FAF6;color:#16563C}
.nb-sep{width:1px;height:18px;background:#DDDFD5}
.nb-docs{font-size:13.5px;color:#5F6862;text-decoration:none}
.nb-docs:hover{color:#1A231F}
.nb-cta{background:#16563C;color:#F7FBF8;font-weight:500;font-size:14px;padding:9px 18px;border-radius:3px;text-decoration:none}
.nb-cta:hover{background:#0F4530;color:#FFFFFF}
.nb-burger{display:none;background:#FFFFFF;border:1px solid #C9CCC2;border-radius:3px;width:44px;height:44px;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;padding:0}
.nb-burger span{display:block;width:18px;height:1.5px;background:#1A231F}
.nb-mobile{border-top:1px solid #E2E2DA;background:#FAFAF6;padding:12px 24px 24px;max-height:calc(100vh - 62px);overflow-y:auto}
.nb-m-head{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.14em;color:#5F6862;padding:12px 0 6px}
.nb-m-gap{padding-top:20px}
.nb-m-space{height:14px}
.nb-m-link{display:block;padding:11px 0;font-size:16px;color:#1A231F;border-bottom:1px solid #EFEFE8;text-decoration:none}
.nb-m-cta{display:block;margin-top:20px;text-align:center;background:#16563C;color:#F7FBF8;font-weight:500;font-size:15px;padding:13px 0;border-radius:3px;text-decoration:none}
@media (max-width:999px){.nb-desktop{display:none}.nb-burger{display:flex}}
.nb-mobile[hidden]{display:none}
@media (min-width:1000px){.nb-mobile{display:none}}

/* Frameworks catalog filter and contact form states. */
[data-cat][hidden]{display:none !important}
.nb-err{font-size:12.5px;color:#B0451E}
