/* One header frame for landing, room list, connected room, preview and docs. */
html { scrollbar-gutter: stable; }
.comms-frame.comms-frame {
  box-sizing: border-box;
  width: min(var(--louhos-width-site, 1180px), calc(100% - var(--louhos-gutter, 40px)));
  margin: 0 auto;
  padding-top: 20px;
}
.comms-frame > .louhos-header.louhos-header {
  box-sizing: border-box;
  flex: 0 0 64px;
  width: 100%;
  height: 64px;
  min-height: 64px;
  margin: 0;
  padding: 0 0 18px;
  align-items: center;
  font: 14px/1.45 Arial, Helvetica, sans-serif;
}
@media (max-width: 600px) {
  .comms-frame.comms-frame {
    width: calc(100% - var(--louhos-gutter-mobile, 24px));
    padding-top: 14px;
  }
  .comms-frame > .louhos-header.louhos-header {
    flex-basis: 58px;
    height: 58px;
    min-height: 58px;
    padding-bottom: 14px;
  }
}