.nav#sitenav{position:relative;z-index:60}
#sitenav img{height:40px}
.nav{position:relative;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}
.nav img{height:40px;width:auto;display:block}
.navlinks{display:flex;align-items:center;gap:4px}
.navitem{position:relative}
.navbtn,.navlink{display:flex;align-items:center;gap:7px;padding:9px 12px;border:0;border-radius:8px;background:none;font-family:inherit;font-size:.9375rem;font-weight:500;line-height:1;color:var(--text1);cursor:pointer;text-decoration:none;white-space:nowrap}
.navbtn:hover,.navlink:hover{background:#0008100a;color:var(--text1)}
.navbtn[aria-expanded=true]{background:#0008100f}
.chev{width:9px;height:9px;flex:none;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.5;transition:transform .16s}
.navbtn[aria-expanded=true] .chev{transform:translateY(1px) rotate(225deg)}
.nav .btn.pri{margin-left:8px}
.panel{position:absolute;top:calc(100% + 8px);left:0;z-index:70;display:none;width:600px;max-width:calc(100vw - 32px);padding:var(--space-4);border-radius:14px;background:#fff;border:1px solid #E7EAED;box-shadow:0 1px 2px #171f2610,0 26px 54px -26px #001f3d59}
.panel[data-open]{display:block}
.panel.right{left:auto;right:0}
.panel .ph{margin:0 0 var(--space-4);font-weight:700;font-size:1rem;letter-spacing:-.01em;color:var(--text1)}
.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3) var(--space-5)}
.pitem{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start;padding:8px;margin:-8px;border-radius:10px;text-decoration:none}
.pitem:hover{background:var(--secondary-50,#F4F9FE)}
.pico{width:30px;height:30px;border-radius:8px;background:var(--secondary-50,#F4F9FE);border:1px solid #E7EAED;display:grid;place-items:center}
.pico::before{content:"";width:16px;height:16px;background:var(--primary-600,#6B8200);-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.i-route{--ico:url("../assets/icons/chain-broken-icon.svg")}
.i-task{--ico:url("../assets/icons/responsibility-icon.svg")}
.i-risk{--ico:url("../assets/icons/risk-icon.svg")}
.i-skill{--ico:url("../assets/icons/skill-feature-icon.svg")}
.pitem>div>*{margin:0}
.pitem .pt{font-weight:600;font-size:.9375rem;line-height:1.3;color:var(--text1)}
.pitem .pd{font-size:.8125rem;line-height:1.4;color:var(--text3)}
.pnum{width:30px;height:30px;border-radius:8px;background:var(--secondary-50,#F4F9FE);border:1px solid #E7EAED;display:grid;place-items:center;font-family:"DM Mono",ui-monospace,monospace;font-size:.75rem;color:var(--text3)}
.psec{margin:var(--space-4) 0 0;padding-top:var(--space-4);border-top:1px solid #E7EAED}
.psec .pl{margin:0 0 10px;font-family:"DM Mono",ui-monospace,monospace;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text3)}
.psec ul{margin:0;padding-left:1.1rem;display:grid;gap:5px}
.psec li{font-size:.8438rem;line-height:1.45;color:var(--text2)}
.pfoot{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid #E7EAED}
.pfoot a{font-weight:600;font-size:.875rem;color:var(--primary-600,#6B8200);text-decoration:none}
.pfoot a:hover{text-decoration:underline}
.pfoot span{font-family:"DM Mono",ui-monospace,monospace;font-size:.6875rem;color:var(--text3)}
.langbadge{width:26px;height:26px;flex:none;border-radius:50%;background:var(--primary-600,#6B8200);color:#fff;display:grid;place-items:center;font-family:"DM Mono",ui-monospace,monospace;font-size:.6875rem}
.langtxt{display:grid;text-align:left;line-height:1.15}
.langtxt em{font-family:"DM Mono",ui-monospace,monospace;font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);font-style:normal}
.langpanel{width:min(760px,calc(100vw - 32px))}
.lhead{display:flex;align-items:center;gap:12px;margin-bottom:var(--space-3)}
.lhead .ph{margin:0}
.lpill{padding:4px 10px;border-radius:999px;border:1px solid var(--primary-400,#849E00);font-family:"DM Mono",ui-monospace,monospace;font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-600,#6B8200)}
.lsearch{position:relative;margin-bottom:var(--space-4)}
.lsearch input{width:100%;padding:10px 12px 10px 36px;border:1px solid #CFDCEA;border-radius:10px;background:#fff;font-family:inherit;font-size:.875rem;color:var(--text1)}
.lsearch input:focus{outline:none;border-color:var(--primary-600,#6B8200)}
.lsico{position:absolute;left:12px;top:50%;width:15px;height:15px;transform:translateY(-50%);background:var(--primary-600,#6B8200);-webkit-mask:url("../assets/icons/search-icon.svg") center/contain no-repeat;mask:url("../assets/icons/search-icon.svg") center/contain no-repeat}
.langlist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
@media (max-width:760px){.langlist{grid-template-columns:repeat(2,minmax(0,1fr))}}
.langlist a{display:flex;align-items:center;gap:10px;padding:8px 9px;border:1px solid transparent;border-radius:10px;background:none;font-family:inherit;cursor:pointer;text-align:left;text-decoration:none}
.langlist a:hover{background:var(--secondary-50,#F4F9FE)}
.langlist a[hidden]{display:none}
.langlist a[aria-current=true]{border-color:var(--primary-600,#6B8200);background:#F7FBEA}
.langlist .lc{flex:none;width:26px;height:26px;border-radius:6px;background:var(--primary-600,#6B8200);color:#fff;display:grid;place-items:center;font-family:"DM Mono",ui-monospace,monospace;font-size:.625rem}
.langlist a[aria-current=true] .lc{background:var(--primary-600,#6B8200)}
.langlist .ln{display:grid;min-width:0;line-height:1.2}
.langlist .ln em{font-family:"DM Mono",ui-monospace,monospace;font-size:.5625rem;letter-spacing:.07em;text-transform:uppercase;color:var(--text3);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.langlist .ln>span{font-size:.875rem;font-weight:600;color:var(--primary-600,#6B8200);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.langlist a[aria-current=true] .ln>span{color:var(--text1)}
.navtoggle{display:none}
@media (max-width:1100px){
.navtoggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #E7EAED;border-radius:10px;background:#fff;cursor:pointer}
.navtoggle span{display:block;width:17px;height:1.5px;background:var(--text1);box-shadow:0 5px 0 var(--text1),0 -5px 0 var(--text1)}
.nav .navlinks{position:absolute;top:calc(100% + 8px);right:0;left:0;display:none;flex-direction:column;align-items:stretch;gap:2px;padding:var(--space-3);border-radius:14px;background:#fff;border:1px solid #E7EAED;box-shadow:0 26px 54px -26px #001f3d59}
.nav[data-open] .navlinks{display:flex!important}
.navbtn,.navlink{width:100%;justify-content:space-between}
.nav .btn.pri{margin:6px 0 0;justify-content:center}
.panel{position:static;display:none;box-shadow:none;border:0;padding:var(--space-3) var(--space-2) var(--space-4)}
.pgrid{grid-template-columns:minmax(0,1fr)}
.langlist{grid-template-columns:minmax(0,1fr)}
.panel,.langpanel{width:auto;max-width:none}
}
