/* The HQ v2's additions to v1's overlay styles (../hq/hq.css): a tag is placed by its top-left corner (hq2_flow.mjs placeTags), so v1's offset and
   built-in leader are off; the elbow leaders are one SVG over the scene. */
  .tags .tag { margin-top: 0; transition: opacity .3s; }
  .tags .tag::after { display: none; }
  .tags .leads { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
  .tags .leads polyline { fill: none; stroke: rgba(255, 42, 58, .7); stroke-width: 1; }
  .tags .leads polyline.lit { stroke: #ff2a3a; }
  /* free navigation: the FOLLOW toggle next to the step bar (under it on the HQ page, above it on the home page) and the room card */
  .follow { position: fixed; left: 50%; top: 44px; transform: translateX(-50%); z-index: 3; padding: 3px 9px; background: rgba(6, 6, 8, .72); border: 1px solid rgba(255, 42, 58, .35); color: #9a93a0; font: 10px ui-monospace, "SF Mono", Menlo, Consolas, monospace; letter-spacing: .14em; cursor: pointer; }
  .follow.on { color: #ffb3ba; border-color: rgba(255, 42, 58, .7); }
  .home .follow { top: auto; bottom: calc(max(28px, env(safe-area-inset-bottom)) + 24px); background: none; border-color: rgba(230, 222, 234, .25); color: #c4bcc8; }
  .roomcard { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; max-width: 17em; padding: .45em .75em .5em; background: rgba(6, 6, 8, .9); border: 1px solid rgba(255, 42, 58, .75); color: #e4e4ea; line-height: 1.35; box-shadow: 0 0 .9em rgba(255, 42, 58, .25); margin-top: -.6em; }
  .roomcard b { display: block; letter-spacing: .14em; color: #fff; }
  .roomcard span { display: block; font-size: .85em; color: #b8b0bc; margin: .2em 0; }
  .roomcard i { display: block; font-style: normal; font-size: .85em; color: #ff8a94; letter-spacing: .08em; }
  .centre { transition: opacity .3s; }
  .home.narrow .follow { bottom: calc(max(28px, env(safe-area-inset-bottom)) + 52px); } /* on a phone the step line sits one line higher */