/* Shared bar + footer for every page (ids keep it safe from page styles) */
html{background:#0d0d10;color-scheme:dark}
body.fx-fragment{margin:0;background:#0d0d10;color:#f5f5f7;font-family:Inter,'Segoe UI',system-ui,sans-serif}
#fx-bar,#fx-foot{font-family:Inter,'Segoe UI',system-ui,sans-serif;box-sizing:border-box}
#fx-bar *,#fx-foot *{box-sizing:border-box}
#fx-bar{position:sticky;top:0;z-index:9999;background:rgba(10,10,12,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}
#fx-bar .fx-in,#fx-foot .fx-in{max-width:1180px;margin:0 auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}
#fx-bar .fx-in{height:62px}
#fx-bar .fx-logo{font:700 20px/1 'Space Grotesk',Inter,sans-serif;color:#f5f5f7;text-decoration:none;letter-spacing:.5px}
#fx-bar .fx-logo span{color:#ff7a1a}
#fx-bar .fx-links{display:flex;gap:6px;flex-wrap:wrap}
#fx-bar .fx-links a{font-size:14px;font-weight:600;color:#a3a3ab;text-decoration:none;padding:8px 12px;border-radius:8px;transition:color .2s,background .2s}
#fx-bar .fx-links a:hover{color:#fff;background:rgba(255,255,255,.06)}
#fx-bar .fx-links a.fx-on{color:#ff7a1a}
#fx-bar #fx-tg{display:none}
#fx-bar .fx-burger{display:none;cursor:pointer;padding:8px}
#fx-bar .fx-burger span{display:block;width:22px;height:2px;background:#f5f5f7;margin:5px 0;border-radius:2px}
@media (max-width:860px){
  #fx-bar .fx-burger{display:block}
  #fx-bar .fx-links{display:none;position:absolute;top:62px;left:0;right:0;flex-direction:column;background:#0d0d10;border-bottom:1px solid rgba(255,255,255,.08);padding:10px 16px 16px}
  #fx-bar #fx-tg:checked ~ .fx-links{display:flex}
  #fx-bar .fx-links a{padding:12px}
}
#fx-foot{position:relative;z-index:5;background:#0a0a0c;border-top:1px solid rgba(255,255,255,.08);color:#8d8d96;font-size:13px}
#fx-foot .fx-in{padding:22px;flex-wrap:wrap}
#fx-foot a{color:#ff7a1a;text-decoration:none}