/* Site header — the one row that repeats on every page: the mark, the name and
   the two contact links. It used to be tuned per page, which is how the case
   pages ended up 4px tighter than the home page. One file, loaded everywhere
   the header is, so the row cannot drift again. */

/* Contact links: 24px between them. The shell's own 28px left the pair reading
   as two separate items rather than one group. */
.body .kb-links { column-gap: 24px; }

/* Logo mark sits 1px further left, so its stem lines up with the text below
   rather than with its own bounding box. */
.body .kb-logo { transform: translateX(-1px); }

/* Phone: the mark points the other way, so it leans into the text instead of
   away from it in the tighter header. */
@media screen and (max-width: 767px) {
  .body .kb-logo { transform: translateX(-1px) scaleX(-1); }
}

/* The contact row sits on the same line of type as the name to its left. Left to
   itself the row is as tall as the close cross (32px), which is 7px taller than
   the line, and bottom-alignment pushed the links below it. Pin the row to the
   line's own height instead. */
.body .kb-links {
  height: 25px;
  align-items: flex-end;
  /* The shell positions this row with a per-page hardcoded left margin, which is
     why it started at a different x on the home page, the old cases and the new
     ones. Push it to the right edge of the header line instead, and it lands in
     the same place on all of them. */
  margin-left: auto;
  margin-right: 0;
}

/* The cross takes no part in that height: a zero-height box centred on the
   links' text line, with the svg allowed to spill out of it. Its width and the
   pull toward the telegram link are stated in px, so the slot is the same box
   on the page that shows a cross and on the one that only reserves it. */
.body .kb-links .closebtn {
  position: relative;
  top: 5px;
  float: none;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 0;
  margin: 0 0 0 -8px;
  overflow: visible;
}

.body .kb-links .closebtn.is-placeholder { visibility: hidden; pointer-events: none; }