/* The tracker's pages drawn in the hub (site/comp/page.js): the base the tracker's <body> gave them, in the hub's look.
   The tracker's own rules are in tracker.css (made by tools/extract_tracker_css.py). */
.tk, #ce-dlg, #as-dlg, dialog.saved, dialog.pv, dialog.cmp, .svdock { font-family: "Quicksand", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.5; color: var(--ink); }
.tk { background: var(--bg); }
.tk-box { max-width: 1180px; }
.tk h3 { color: var(--heading); }
/* Dark mode in the hub's colours (the tracker's dark purple is a shade apart from the hub's) */
@media (prefers-color-scheme: dark) {
  .tk, #ce-dlg, #as-dlg, dialog.saved, dialog.pv, dialog.cmp, .svdock { --bg: #1c1420; --bg-alt: #261b2b; --rule: #4a3a4f; --chip: #33243a; }
}
.tk .hub-fn-note { margin: 10px 0; padding: 8px 12px; background: var(--warn-bg); color: var(--ink); border-left: 4px solid var(--amber); font-size: 14px; }
.tk .tk-box > .empty a { font-weight: 600; }
.tk .hub-fn-note a { font-weight: 600; color: inherit; }
/* The tracker's inline pages drawn in the hub (site/sail/page.js, tools/extract_tracker_pages.py): several of its sections
   on one page, spaced as its <main> spaced them (its `main` rules are its shell, so they aren't brought over) */
.tk .tk-box > section + section { margin-top: 36px; }   /* its .wrap: a column with a 36px gap */