:root{
  --bg:#ffffff;
  --ink:#0b1220;
  --muted:#475569;
  --line:rgba(2,6,23,.12);
  --accent:#0ea5e9;
  --accent2:#f97316;
}

body.theme-b0017{background:linear-gradient(180deg, rgba(14,165,233,.10), transparent 35%), var(--bg); color:var(--ink);} 

#logo img{height:42px; width:auto; display:block;}

.topbarx{border-bottom:1px solid var(--line); background:rgba(255,255,255,.85); backdrop-filter:saturate(160%) blur(10px);} 

.badgex{display:inline-flex; align-items:center; gap:.35rem; border:1px solid var(--line); border-radius:999px; padding:.2rem .55rem; color:var(--muted); font-size:.85rem;}

.callouts{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:1rem;}

.cardx{border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 16px 40px rgba(2,6,23,.08);} 
.cardx .inner{padding:1rem;} 

.offcanvas a{display:block; padding:.55rem .75rem; border-radius:12px; text-decoration:none; color:var(--muted);} 
.offcanvas a:hover{background:rgba(14,165,233,.08); color:var(--ink);} 

#footer{margin-top:2rem; padding:1.75rem 0; border-top:1px solid var(--line);} 

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

@media (max-width: 980px){
  .callouts{grid-template-columns:1fr;}
}