/* The hero switch on lab sites (inc/lab-bar.php): a small button that opens upwards. Not on production. */
.lab-bar { position: fixed; right: 16px; bottom: 16px; z-index: 50; font-size: 13px; }
.lab-bar summary {
  list-style: none; cursor: pointer; padding: 8px 12px; background: var(--ink); color: var(--black); box-shadow: 0 0 0 1px var(--black);
  font-family: var(--f-caps); font-stretch: 125%; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em;
}
.lab-bar summary::-webkit-details-marker { display: none; }
.lab-bar details > div { position: absolute; right: 0; bottom: calc(100% + 4px); display: flex; flex-direction: column; min-width: 180px; background: var(--ink); box-shadow: 0 0 0 1px var(--black); }
.lab-bar a { padding: 10px 12px; color: var(--black); text-decoration: none; font-weight: 600; }
.lab-bar a:hover { text-decoration: underline; }
.lab-bar a[aria-current='true'] { background: var(--black); color: var(--ink); }