/* Page frame and responsive shell
   ------------------------------------------------------------ */
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{
  background:
    radial-gradient(120% 90% at 50% -10%, #14262c 0%, transparent 60%),
    var(--ink);
  color:var(--mid);
  font-family:var(--hud);
  -webkit-font-smoothing:antialiased;
  padding:22px;
  display:flex;
  justify-content:center;
}
.shell{width:100%;max-width:1180px;display:grid;grid-template-columns:250px 1fr;gap:20px;align-items:start}

@media (max-width:840px){
  body{padding:12px}
  .shell{grid-template-columns:1fr}
}