/* CGBOOK common inline help component */
.cg-help-trigger{
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:#8f949b;
  font:inherit;
  font-size:13px;
  line-height:1;
  cursor:pointer;
  vertical-align:baseline;
}
.cg-help-trigger:hover,
.cg-help-trigger:focus-visible{
  color:#d5d7da;
  outline:none;
}
.cg-help-modal[hidden]{display:none!important}
.cg-help-modal{
  position:fixed;
  inset:0;
  z-index:1200;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
}
.cg-help-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.58);
}
.cg-help-dialog{
  position:relative;
  z-index:1;
  width:min(430px,calc(100% - 32px));
  padding:26px 24px 22px;
  border:1px solid #3a3e44;
  background:rgba(18,20,23,.95);
  box-shadow:0 18px 50px rgba(0,0,0,.46);
}
.cg-help-dialog h2{
  margin:0 50px 16px 0;
  color:#e2e4e7;
  font-size:14px;
  font-weight:500;
}
.cg-help-copy p{
  margin:0;
  color:#b6bac0;
  font-size:11px;
  line-height:1.8;
}
.cg-help-copy p+p{margin-top:8px}
.cg-help-close{
  position:absolute;
  right:12px;
  top:10px;
  padding:4px 5px;
  border:0;
  background:transparent;
  color:#8d9299;
  font:inherit;
  font-size:10px;
  cursor:pointer;
}
.cg-help-close:hover,
.cg-help-close:focus-visible{
  color:#d7d9dc;
  outline:none;
}