/* VeebarTech site menu: Construction (6 parts) + Blog. Younes 2026-11-05. Injected by tools/sitenav.py */
.sn{display:flex;align-items:center;gap:4px;font-family:Inter,system-ui,-apple-system,"SF Pro Text",sans-serif}
.sn a{text-decoration:none}
.sn-dd{position:relative;display:flex;align-items:center}
.sn-a{display:inline-flex;align-items:center;min-height:40px;padding:0 10px;border-radius:999px;font-size:14px;font-weight:600;color:#0A1722;transition:background-color .2s,color .2s}
.sn-a:hover,.sn-a[aria-current=page]{color:#024996;background:rgba(2,73,150,.07)}
.sn-x{display:inline-flex;align-items:center;justify-content:center;width:26px;height:40px;margin-left:-8px;border:0;background:none;color:#0A1722;cursor:pointer;border-radius:999px}
.sn-x svg{transition:transform .25s}
.sn-dd.open .sn-x svg,.sn-dd:hover .sn-x svg{transform:rotate(180deg)}
.sn-p{position:absolute;top:calc(100% + 8px);right:-90px;width:min(560px,90vw);display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:10px;background:#fff;border:1px solid #e3e8ee;border-radius:16px;box-shadow:0 24px 60px -24px rgba(10,23,34,.35);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s;z-index:80}
.sn-p::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.sn-dd:hover .sn-p,.sn-dd:focus-within .sn-p,.sn-dd.open .sn-p{opacity:1;visibility:visible;transform:none}
.sn-p a{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;color:#0A1722}
.sn-p a:hover{background:#f2f6fb}
.sn-p i{flex:none;width:8px;height:8px;margin-top:7px;border-radius:50%;background:var(--c,#024996)}
.sn-p b{display:block;font-size:14px;font-weight:600;line-height:1.3}
.sn-p small{display:block;font-size:12.5px;color:#5a6b7b;line-height:1.35;margin-top:2px}
.sn-p .sn-all{grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:4px;border-top:1px solid #eef1f5;border-radius:0 0 10px 10px;font-size:13.5px;font-weight:600;color:#024996}
.sn-m{display:none;align-items:center;gap:6px;min-height:40px;padding:0 12px;border:1px solid #d6dde5;border-radius:999px;background:#fff;color:#0A1722;font:600 14px Inter,system-ui,sans-serif;cursor:pointer}
.sn-m span{display:block;width:14px;height:2px;background:currentColor;border-radius:2px;box-shadow:0 -4px 0 currentColor,0 4px 0 currentColor}
.sn-sheet{position:fixed;left:0;right:0;top:var(--sn-top,64px);max-height:calc(100vh - var(--sn-top,64px));overflow:auto;background:#fff;border-top:1px solid #e3e8ee;box-shadow:0 30px 60px -30px rgba(10,23,34,.4);padding:10px 20px 22px;z-index:90;display:none}
.sn-sheet.open{display:block}
.sn-sheet a{display:flex;gap:12px;align-items:center;min-height:48px;padding:6px 4px;border-bottom:1px solid #eef1f5;color:#0A1722;font:600 16px Inter,system-ui,sans-serif;text-decoration:none}
.sn-sheet a i{flex:none;width:9px;height:9px;border-radius:50%;background:var(--c,#024996)}
.sn-sheet a.sub{padding-left:16px;font-weight:500;font-size:15px}
.sn-sheet a small{margin-left:auto;font-size:12px;font-weight:500;color:#5a6b7b}
.sn-sheet .sn-lab{display:block;margin:14px 0 2px;font:700 11px Inter,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#5a6b7b}
@media(max-width:1100px){.nav-meta{display:none!important}}
@media(max-width:760px){.sn-dd,.sn>.sn-a{display:none}.sn-m{display:inline-flex}}
@media(prefers-reduced-motion:reduce){.sn-p,.sn-x svg{transition:none}}
@media print{.sn,.sn-sheet{display:none!important}}