.sitebar,.foot{
  --pc-bg:#0A0A0B; --pc-t1:#F5F3EF; --pc-t2:#BAB7B0; --pc-t3:#94918A;
  --pc-border:rgba(255,255,255,.08); --pc-accent:#F4B54A;
  --pc-display:"Manrope","Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --pc-text:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;
  box-sizing:border-box;
}
.sitebar *,.sitebar *::before,.sitebar *::after,.foot *{box-sizing:border-box}
.sitebar{position:sticky;top:0;left:0;right:0;z-index:1000;width:100%;max-width:none;margin:0;padding-top:env(safe-area-inset-top);
  background:rgba(10,10,11,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--pc-border);font-family:var(--pc-text);-webkit-font-smoothing:antialiased;text-align:left}
.sitebar-in{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:20px;padding:0 20px;height:56px}
.sitebar .logo{font:600 17px/1 var(--pc-display);letter-spacing:-0.02em;color:var(--pc-t1);text-decoration:none;margin-right:auto}
.sitebar .logo::first-letter{color:var(--pc-accent)}
.sitebar .logo:hover{color:var(--pc-t1)}
.sitebar .nav{display:flex;gap:22px;margin:0;padding:0}
.sitebar .nav a{color:var(--pc-t2);text-decoration:none;font:500 14px/1 var(--pc-text);letter-spacing:0;padding:8px 0;white-space:nowrap;transition:color .2s;background:none}
.sitebar .nav a:hover,.sitebar .nav a[aria-current]{color:var(--pc-t1)}
.sitebar .nav a[aria-current]{box-shadow:inset 0 -1px 0 var(--pc-accent)}
.sitebar .nav a:focus-visible,.sitebar .burger:focus-visible,.foot a:focus-visible{outline:2px solid var(--pc-accent);outline-offset:3px;border-radius:4px}
.sitebar .burger{display:none;position:static;width:40px;height:40px;margin:0;border:0;background:none;padding:10px 8px;cursor:pointer;flex-direction:column;justify-content:center;gap:6px}
.sitebar .burger span{display:block;width:auto;height:1.5px;margin:0;background:var(--pc-t1);border-radius:2px;transition:transform .25s}
.sitebar .burger[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)}
.sitebar .burger[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
@media (max-width:899.98px){
  .sitebar .burger{display:flex}
  .sitebar .nav{position:fixed;top:calc(56px + env(safe-area-inset-top));left:0;right:0;flex-direction:column;gap:0;padding:8px 20px 18px;
    background:var(--pc-bg);border-bottom:1px solid var(--pc-border);transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility 0s .25s}
  .sitebar .nav.open{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .25s}
  .sitebar .nav a{padding:14px 0;font-size:16px;border-bottom:1px solid var(--pc-border)}
  .sitebar .nav a[aria-current]{box-shadow:none;color:var(--pc-accent)}
}
.foot{clear:both;width:100%;max-width:none;margin:48px 0 0;background:var(--pc-bg);border-top:1px solid var(--pc-border);
  padding:28px 20px calc(env(safe-area-inset-bottom) + 28px);text-align:center;color:var(--pc-t3);font:400 13px/20px var(--pc-text);-webkit-font-smoothing:antialiased}
.foot p{margin:0;color:var(--pc-t3);font:inherit}
.foot .foot-links{margin-top:10px;display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px}
.foot .foot-links a{color:var(--pc-t2);text-decoration:none;font-weight:400}
.foot .foot-links a:hover{color:var(--pc-accent)}
.foot .credit{margin-top:10px;font-size:10px;letter-spacing:.12em;color:#4a4844}
.foot .credit a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(148,145,138,.35);transition:color .2s,text-decoration-color .2s}
.foot .credit a:hover,.foot .credit a:focus-visible{color:var(--pc-accent);text-decoration-color:currentColor}
@media (prefers-reduced-motion:reduce){.sitebar .nav,.sitebar .burger span{transition:none!important}}
.sitebar ~ .controls{top:calc(72px + env(safe-area-inset-top))!important}
@media print{.sitebar,.foot{display:none!important}}