/* The Search and SEO pages drawn in the hub (site/seo/page.js). The tracker's pages use comp/tracker.css and comp/page.css
   (.tk); the dashboard's use dashboard.css (made by tools/extract_dashboard_css.py, scoped to .dk) and this: the base its
   <body> and #view gave them, in the hub's look. */
.dk { font: 500 14px/1.5 "Quicksand", Helvetica, Arial, sans-serif; color: var(--ink); background: var(--bg); }
.dk-box { max-width: 1180px; }
.dk-view { display: grid; gap: 16px; min-width: 0; }
.dk-view > * { min-width: 0; }
.dk-connect { background: var(--panel); border: 1px solid var(--line); padding: 16px 18px; }
.dk-connect p { margin: 0 0 10px; max-width: 70ch; }
.dk-connect a { color: var(--accent); font-weight: 600; margin-left: 12px; }
.dk-msg:empty { display: none; }
@media (prefers-color-scheme: dark) { .dk { --bg: #1c1420; --panel: #261b2b; --line: #4a3a4f; } }