.factu-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex:none}.factu-icon svg{width:17px;height:17px;fill:currentColor}.nav .factu-icon svg{width:23px;height:23px}.mini .nav .factu-icon{display:inline-flex}.brand img{display:inline-block;width:110px;vertical-align:middle}.mini .brand img{width:42px}.setnav button .factu-icon{margin-right:8px}.setnav button .factu-icon svg{width:16px;height:16px}.setnav button{display:flex;align-items:center}.nav{padding-block:8px}.setnav .factu-icon{display:inline-flex}

.mini .brand img{content:url("assets/nubaki-symbol.svg");width:36px}
#nav .brand{padding-bottom:10px}
.mode-picker{display:flex;padding:3px;gap:2px;margin:0 6px 12px;background:#edf2f1;border-radius:8px;flex:none}
.mode-picker button{flex:1;border:0;padding:6px 2px;background:transparent;border-radius:5px;color:#324743;font-size:13px}
.mode-picker button[aria-pressed="true"]{background:#153c38;color:white;font-weight:650}
.mode-picker button:focus-visible,.mode-compact:focus-visible{outline:2px solid #078665;outline-offset:2px}
.mode-compact{display:grid;place-items:center;margin:4px auto 10px;width:34px;height:32px;padding:0}
.mini .mode-compact .factu-icon{display:inline-flex}
@media screen{
 #nav{font-family:FactuUI,'Segoe UI',sans-serif;color:#193c47;border-right:1px solid #e2e9ed;padding:22px 14px;background:#fff}
 #nav .brand{padding:7px 13px 24px;display:flex;align-items:center;gap:10px;cursor:pointer}
 #nav .brand img{width:132px}
 #nav .brand small{font-size:9px;color:#82949b;letter-spacing:1px}
 #nav .mode-picker{margin:0 3px 18px;background:#f0f4f5;padding:4px;border-radius:7px}
 #nav .mode-picker button{font-size:11px;border-radius:5px;padding:9px 3px;font-weight:500;color:#315563}
 #nav .mode-picker button[aria-pressed="true"]{background:#163640;color:#fff;font-weight:600}
 #shell>#nav>.nav{font-size:14px;font-weight:400;border-radius:7px;padding:12px;gap:12px;margin:3px 0;height:auto;min-height:42px}
 #shell>#nav>.nav.open{font-weight:600}
 #nav .nav>span:not(.factu-icon){min-width:0;overflow-wrap:anywhere}
 #nav .nav:hover,#nav .sub:hover{background:#f4f8f9}
 #nav .nav.open,#nav .sub.active{background:#fcebf0;color:#ee2862;font-weight:600}
 #nav .nav .factu-icon svg{width:20px;height:20px}
 #nav .sub{font-size:12px;border-radius:6px;padding:9px 10px}
 #nav .rule{background:#e8edef;margin:18px 3px}
 #nav.mini{padding:18px 8px;width:66px}
 #nav.mini .brand{padding:7px 6px 18px}
 #nav.mini .brand img{width:36px}
 #nav.mini .nav{padding:11px 8px;justify-content:center}
}
@media screen and (max-width:1050px){#shell>#nav:not(.mini){width:210px}}