/* StrategyOne Tools: shared look for Home, Backtester and GEX */
:root{
  --bg:#EEF1F4; --panel:#FFFFFF; --ink:#1B2A41; --muted:#5B6B80; --line:#D5DCE4; --soft:#F6F8FA;
  --accent:#E8A317; --accent-ink:#5A3D00; --gain:#1F8A5B; --loss:#C2413B;
  --radius-lg:14px; --radius-sm:8px;
}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 "Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums}

/* Top bar, identical on every page */
.appbar{display:flex;align-items:center;gap:12px;padding:12px 24px;background:#1B2A41;color:#fff}
.appbar .brand{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:700;font-size:18px;letter-spacing:-.01em}
.appbar .brand svg{width:15px;height:15px;flex:none}
.topnav{display:flex;gap:4px;margin-left:18px;margin-right:auto}
.topnav a{color:rgba(255,255,255,.72);text-decoration:none;font-size:14px;font-weight:600;padding:5px 12px;border-radius:999px}
.topnav a:hover{color:#fff;background:rgba(255,255,255,.1)}
.topnav a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.16)}
.appbar-right{display:flex;align-items:center;gap:10px}
.hbtn{font:inherit;font-size:13px;color:#fff;background:none;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:3px 12px;cursor:pointer}
.hbtn:hover{border-color:#fff}
.appbar a:focus-visible,.appbar button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (max-width:640px){
  .appbar{flex-wrap:wrap;padding:10px 14px;row-gap:8px}
  .topnav{order:3;width:100%;margin:0}
  .appbar-right{margin-left:auto}
}