/* 186KG blog brand alignment: use existing homepage logo and font families. */
:root{--brand-bg:#010308;--brand-cyan:#42e5ed;--brand-text:#e9f7fa}
html{color-scheme:dark}
body{background:#010308!important;color:var(--brand-text);font-family:"Exo",Arial,sans-serif!important}
.brand-header{background:#050b13!important;border-bottom:1px solid rgba(66,229,237,.22)!important}
.brand-header .nav{display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand-header .logo{display:inline-flex;align-items:center;text-decoration:none;line-height:1}
.brand-image{display:block;width:142px;height:auto;max-height:62px;object-fit:contain}
.brand-header .navlinks{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(12px,2vw,25px)}
.brand-header .navlinks a{color:#e9f7fa!important;text-decoration:none;font-family:"Exo",Arial,sans-serif;font-weight:600}
.brand-header .navlinks a:hover,.brand-header .navlinks a:focus-visible{color:var(--brand-cyan)!important}
h1,h2,h3,.eyebrow{font-family:"Orbitron","Exo",Arial,sans-serif;letter-spacing:.005em}
h1{line-height:1.2}
a{color:#42e5ed}a:hover{color:#a7faff}
.card,.panel,.cta{border-color:rgba(66,229,237,.28)}
@media(max-width:640px){.brand-header .nav{align-items:flex-start;flex-direction:column}.brand-image{width:125px}.brand-header .navlinks{gap:12px}}