/* The Create pages drawn in the hub (site/create/page.js). The tracker's own rules are in comp/tracker.css (made by
   tools/extract_tracker_css.py, which now brings the creators' side list of saved work, .svdock, and the card preview,
   dialog.pv); this is only where the hub's layout differs from the tracker's. */
/* The side list sits beside the hub's sidebar (256 px, as the tracker's), and the page makes room for it, as the tracker's
   body.sv-docked / sv-tabbed do for its own page */
.svdock { font-family: "Quicksand", Helvetica, Arial, sans-serif; color: var(--ink); }
@media (min-width: 901px) {
  body.sv-docked #page { padding-left: 312px; }
  body.sv-tabbed #page { padding-left: 52px; }
}
@media (max-width: 760px) { body.menu-open .svdock { display: none; } }
dialog.pv { font-family: "Quicksand", Helvetica, Arial, sans-serif; }
/* Saved work: the reporting dashboard's saved views under the tracker's saved work */
.tk .hub-dviews { margin-top: 28px; padding-top: 14px; border-top: 1px solid var(--rule); max-width: 900px; }
.tk .hub-dviews h3 { margin: 0 0 4px; }
.tk .hub-dvl { list-style: none; padding: 0; margin: 10px 0 0; }
.tk .hub-dvl li { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; padding: 6px 0; border-bottom: 1px solid var(--rule); }
.tk .hub-dvl a[data-dview] { font-weight: 600; color: var(--allium); }
@media (prefers-color-scheme: dark) { .tk .hub-dvl a[data-dview] { color: #fff; } }
/* phones: the closed "Saved" tab sits at the bottom left; room under the page so it covers nothing at the end */
@media (max-width: 900px) { body.sv-tabbed #page { padding-bottom: 80px; } }