:root{
  --sand:#f7f1e6;
  --ink:#132a1b;
  --muted:#4c5f55;
  --green:#16a34a;
  --line:rgba(19,42,27,.14);
}

body.theme-b0007{background:var(--sand); color:var(--ink);} 

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

.split{
  display:grid;
  grid-template-columns: 420px minmax(0,1fr);
  min-height: calc(100vh - 80px);
}

.feature{
  background:linear-gradient(180deg, rgba(22,163,74,.12), rgba(255,255,255,.0));
  border-right:1px solid var(--line);
  padding:1.25rem;
}

.content{
  padding:1.25rem;
}

.surface{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:1rem;
}

.tagline{color:var(--muted);} 

#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){
  .split{grid-template-columns: 1fr;}
  .feature{border-right:0; border-bottom:1px solid var(--line);} 
}