/* Gatesmith overrides layered on the upstream simulator styles (upstream.css is generated). */
@import url("upstream.css");

#app { grid-template-rows: auto auto 1fr; }
.site-nav { grid-column: 1 / -1; }

body.no-modules #module-list,
body.no-modules #new-module,
body.no-modules #save-module,
body.no-modules #pulse,
body.no-modules .modules-heading,
body.no-modules .modules-hint { display: none; }

#examples[hidden] { display: none; }

#toolbox .hint a, #side .notes a { color: var(--accent); }

@media (max-width: 980px) {
  #app { grid-template-rows: auto auto auto minmax(70vh, auto) auto; }
}