body{overflow-x:hidden}
.panes{display:grid;grid-template-columns:280px minmax(0,1fr) 280px;min-height:100vh}
.pane{border-right:1px solid rgba(0,0,0,.08)}
.pane:last-child{border-right:0}
.pane-inner{padding:1rem}

#logo{margin:0 0 1rem}
#logo img{display:block;max-width:100%;height:38px;width:auto}
.tagline{opacity:.75;margin:.25rem 0 1rem}

.site-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}
.site-nav a{display:block;padding:.55rem .65rem;border-radius:.6rem;text-decoration:none}
.site-nav li.active a{background:rgba(0,0,0,.06)}

.slot{border:1px dashed rgba(0,0,0,.18);border-radius:.75rem;padding:.75rem;margin-top:1rem}
.muted{opacity:.72}

.site-footer{padding:1rem;border-top:1px solid rgba(0,0,0,.08);display:flex;gap:1rem;justify-content:space-between;align-items:center}
.social{display:flex;gap:.75rem;flex-wrap:wrap}

@media (max-width: 1100px){
  .panes{grid-template-columns:260px minmax(0,1fr)}
  .pane-info{display:none}
}

@media (max-width: 820px){
  .panes{grid-template-columns:1fr}
  .pane-left{border-right:0;border-bottom:1px solid rgba(0,0,0,.08)}
}