/* Public showcase gate: keep the finished panXy homepage, expose math examples only. */
.public-demo-page .site-header,
.public-demo-page #auth-panel,
.public-demo-page #workspace,
.public-demo-page #special-dialog,
.public-demo-page .workspace-letter-art {
  display: none !important;
}

.public-demo-page .container {
  min-height: 100dvh;
}

.public-demo-page .mode-banner {
  width: min(100%, 760px);
  align-self: center;
  background: #eef8fb;
  border-color: #c8dfe8;
  color: #275869;
}

.public-demo-page .home-example-grid.showreel-gallery {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: minmax(0, 1fr);
  max-height: 360px;
}

.public-demo-page .site-footer {
  justify-content: center;
  text-align: center;
}

@media (max-width: 760px) {
  .public-demo-page .home-example-grid.showreel-gallery {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, minmax(0, 1fr));
    max-height: 590px;
  }
}