/* ===== CE OS — site-wide "Operator's Console" theme =====
   Link this AFTER each sub-page's own <style> so it overrides.
   url(CE-OS-logo.svg) resolves relative to THIS file (Public-Site/),
   so the logo path is correct from every page that links it. */
:root{
  --acc1:#F0A23C; --acc2:#F6C570; --acc:#F0A23C; --line:rgba(255,255,255,.08); --hair:rgba(255,255,255,.14);
  --signal:#F0A23C; --edge:rgba(255,255,255,.08); --edge2:rgba(255,255,255,.14);
  --mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;
}
body{background:#08090b!important;color:#f3f4f7!important}

/* Nav + logo branding */
nav{background:rgba(8,9,11,.82)!important;border-bottom:1px solid var(--edge)!important}
.brand{display:inline-flex!important;align-items:center;gap:9px}
.brand::before{content:"";width:26px;height:26px;border-radius:6px;background:url(CE-OS-logo.svg) center/contain no-repeat;flex:none}
.nlinks{font-family:var(--mono)!important;font-size:11.5px!important;letter-spacing:1.2px!important;text-transform:uppercase}
.nlinks a:hover{color:var(--signal)!important}
.ncta{background:linear-gradient(180deg,#f2f3f5,#ced1d6)!important;color:#0a0b0d!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.5)!important}
.ncta:hover{filter:brightness(1.04)}

/* Eyebrows -> monospace instrument voice */
.kick,.ey,.ic{font-family:var(--mono)!important;color:var(--signal)!important;letter-spacing:2px!important;text-transform:uppercase}

/* Hero: retire the purple glow, hairline divider */
.hero{border-bottom:1px solid var(--edge)!important}
.hero:before{background:radial-gradient(circle,rgba(240,162,60,.10),transparent 62%)!important}

/* Buttons: precise, not glowing */
.btn.p{background:linear-gradient(180deg,#f2f3f5,#ced1d6)!important;color:#0a0b0d!important;border:1px solid rgba(255,255,255,.5)!important}
.btn.o{border:1px solid var(--edge2)!important}
.btn.o:hover{border-color:var(--signal)!important;color:#fff!important;background:rgba(240,162,60,.07)!important}

/* Panels -> console cards */
.scard,.card,.pill,.related a,.trust{background:#0c0d11!important;border:1px solid var(--edge)!important;border-radius:12px!important}
.scard{position:relative}
.scard::after{content:"";position:absolute;top:11px;right:11px;width:7px;height:7px;border-top:1px solid var(--signal);border-right:1px solid var(--signal);opacity:.5;transition:opacity .2s}
.scard:hover{transform:translateY(-4px)!important;border-color:var(--signal)!important}
.scard:hover::after{opacity:1}
.scard .go{color:var(--signal)!important}
.related a:hover,.card:hover{border-color:var(--signal)!important}

/* Result callout + trust strip */
.result{border-left:4px solid var(--signal)!important;background:linear-gradient(180deg,#0e1015,#0b0c10)!important;border-color:var(--edge)!important}
.trust div{border-right:1px solid var(--edge)!important}
.trust b{color:var(--signal)!important;font-family:var(--mono)!important}

/* Section dividers + links */
section.blk{border-bottom:1px solid var(--edge)!important}
footer a,.crumb a{color:var(--signal)!important}

/* Retire purple glow/grain lift on any page using the ce-enh layer (legal, demo) */
#ceglow{background:radial-gradient(circle,rgba(240,162,60,.10),transparent 62%)!important}
.ce-lift:hover{box-shadow:0 22px 50px -26px rgba(240,162,60,.4)!important}