:root{
  --bg:#f7fafc;
  --ink:#0f172a;
  --muted:#475569;
  --line:rgba(15,23,42,.10);
  --brand:#2563eb;
  --brand2:#22c55e;
}

body.theme-b0016{background:radial-gradient(1000px 500px at 10% 0%, rgba(37,99,235,.10), transparent 70%), var(--bg); color:var(--ink);} 

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

.hero{
  border-bottom:1px solid var(--line);
  background:linear-gradient(135deg, rgba(37,99,235,.10), rgba(34,197,94,.08));
}

.rail{
  position:sticky;
  top:1rem;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
}

.rail a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.6rem;
  padding:.6rem .75rem;
  text-decoration:none;
  color:var(--muted);
  border-radius:12px;
}

.rail a:hover{background:rgba(37,99,235,.06); color:var(--ink);} 
.rail a.is-active{background:rgba(37,99,235,.12); color:var(--ink); font-weight:700;} 

.kicker{letter-spacing:.06em; text-transform:uppercase; font-size:.72rem; color:var(--muted);} 

.cardx{border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 14px 34px rgba(15,23,42,.06);} 
.cardx .card-body{padding:1rem;} 

#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){
  .rail{position:static;}
}