@layer layout {
.layout { display: grid; grid-template-columns: 1fr; max-width: 72rem;
  margin: 0 auto; padding: 0 var(--space-3) var(--space-4); gap: var(--space-4); }
body.with-nav .layout { grid-template-columns: 16rem minmax(0, var(--measure)); }
main { max-width: var(--measure); }
.sidebar { font: var(--font-ui); }
.nav-toggle { display: none; }
@media (max-width: 56rem) {
  body.with-nav .layout { grid-template-columns: 1fr; }
  .nav-toggle { display: inline-block; margin: var(--space-2) var(--space-3); }
  .sidebar { display: none; }
  .sidebar.open { display: block; }
}
}