/* Site dressing for the report viewer.
 *
 * web/styles.css now carries the studio's system outright - palette, faces and
 * squared chrome - so this file is down to the one thing the site version has
 * that the listener-served one does not: the mark in the header, linking back
 * to the landing page.
 *
 * The rules that used to live here are gone rather than kept: the border-radius
 * overrides (the base has no radius any more), the .status green (the base sets
 * it), and tokens.css itself, which was a second copy of a palette that turned
 * out to be a guess.
 */

.identity { gap: .85rem; }

/* The mark alone: the page titles itself in the <h1> beside it, so the full
   lockup would say UrbanQ twice. */
.home {
  display: inline-flex;
  align-items: center;
  color: var(--ink);
  text-decoration: none;
  padding-right: .85rem;
  border-right: 1px solid var(--line);
}

.home svg { display: block; overflow: visible; }
.home:hover { color: var(--accent); }

/* Never hidden, at any width. This slot used to carry the studio's wordmark,
   which a narrow screen could reasonably drop; it now carries the product's own
   mark, and an interface that drops its identity on a phone has mislaid it. */
@media (max-width: 30rem) {
  .home { padding-right: .6rem; }
}