/* Shared top bar — injected on every tool page via site-nav.js */
.hp-nav{position:sticky;top:0;z-index:9999;background:rgba(11,14,23,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #232c4a;color:#eef1f8;font-family:'Segoe UI',system-ui,Roboto,Arial,sans-serif;font-size:14px}
.hp-nav-inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:10px 16px}
.hp-nav-brand{font-weight:800;font-size:15.5px;text-decoration:none;color:#fff;white-space:nowrap;margin-right:4px}
.hp-nav-brand span{color:#ffb300}
.hp-nav-links{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}
.hp-nav-links::-webkit-scrollbar{display:none}
.hp-nav-links a{color:#9aa4bf;text-decoration:none;font-weight:600;padding:7px 11px;border-radius:9px;border:1px solid transparent;white-space:nowrap;transition:.18s}
.hp-nav-links a:hover{color:#fff;background:#131a2c;border-color:#232c4a}
.hp-nav-links a.active{color:#ffb300;border-color:rgba(255,179,0,.4);background:rgba(255,179,0,.07)}
.hp-nav-home{border:1px solid #232c4a !important;color:#eef1f8 !important}
@media(max-width:640px){.hp-nav-brand{font-size:14px}.hp-nav-links a{padding:6px 9px;font-size:13px}}