:root{
  --a0031-bg:#f6f8ff;
  --a0031-card:#ffffff;
  --a0031-ink:#0f172a;
  --a0031-accent:#5b5bd6;
}

body.theme-a0031{
  background: radial-gradient(1200px 600px at 20% 0%, #e9ecff 0%, var(--a0031-bg) 55%, #ffffff 100%);
  color: var(--a0031-ink);
}

#logo a{
  font-weight: 800;
  letter-spacing: .2px;
  text-decoration: none;
  color: var(--a0031-ink);
}

.tagline{opacity:.85; margin-top:.25rem;}
.tagline p{margin:0;}

.layout .grid{
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 1rem;
  align-items: start;
}

.content-body :is(h1,h2,h3){scroll-margin-top: 5rem;}

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

#footer{padding: 2.5rem 0;}
#footer .social a{margin-right:.5rem;}
#footer .social [class^="icon-"]{
  display:inline-block;width:1.25rem;height:1.25rem;border-radius:999px;
  background: currentColor; opacity:.22; vertical-align: middle;
}