/* The Morph catalog (/morphcatalog/): the site's page (legal.css) around the live catalog — a Taskriz
   screen as the web draws it, phone-width on a phone and up to 1024px wide (regular width) beyond. */
.legal-bar { z-index: 10; } /* above the catalog's own sticky navigation bar */
.morphcatalog-intro { padding-bottom: 8px; }
.morphcatalog-lede { margin: 14px 0 8px; font-size: 21px; line-height: 1.45; color: #424245; }
.morphcatalog-note { font-size: 15px; color: #6e6e73; }
.morphcatalog-live {
  max-width: 1024px; margin: 16px auto 0;
  /* the Morphs' own type, not the page's */
  color: var(--ag-label); font: 17px/22px -apple-system, BlinkMacSystemFont, 'Inter', system-ui, sans-serif; letter-spacing: -.41px;
}
.morphcatalog-live .ag-screen { min-height: 0; }
.morphcatalog-live .ag-navigationBar { top: 52px; } /* pinned under the site's top bar */
.morphcatalog-live .ag-log:empty { display: none; }
@media (min-width: 680px) {
  .morphcatalog-live { padding: 0 24px; }
  .morphcatalog-live .ag-screen { border-radius: 16px; overflow: clip; box-shadow: 0 0 0 .5px rgba(0, 0, 0, .1), 0 8px 30px rgba(0, 0, 0, .08); }
}
@media (prefers-color-scheme: dark) {
  .morphcatalog-lede { color: #a1a1a6; }
  .morphcatalog-note { color: #86868b; }
  .morphcatalog-live .ag-screen { box-shadow: 0 0 0 .5px rgba(255, 255, 255, .14); }
}