.bbi-guide {
  position: fixed;
  z-index: 20;
  inset: auto 1rem 1rem auto;
  width: min(25rem, calc(100% - 2rem));
  color: #17242b;
  background: #fff;
  border: 1px solid #bdced6;
  border-radius: .75rem;
  box-shadow: 0 .3rem 1.5rem #17242b26;
}
.bbi-guide:not([open]) { width: fit-content; max-width: calc(100% - 2rem); }
.bbi-guide summary, .bbi-guide button {
  padding: .75rem 1rem;
  color: #fff;
  background: var(--blue, #1599cf);
  color: #10232d;
  border: 0;
  border-radius: .65rem;
  cursor: pointer;
  font-weight: 600;
}
.bbi-guide-content { padding: 1rem; overflow: auto; max-height: min(65dvh, 32rem); }
.bbi-guide .bbi-guide-close { float: right; margin: -.35rem -.35rem .25rem .5rem; padding: 0; width: 2.75rem; height: 2.75rem; font-size: 1.5rem; line-height: 1; }
.bbi-guide input { width: 100%; box-sizing: border-box; margin: .35rem 0 .6rem; padding: .6rem; font: inherit; }
.bbi-guide nav { display: flex; flex-wrap: wrap; gap: .35rem; margin: .8rem 0; }
.bbi-guide a { color: #006581; }
.bbi-guide nav a, .bbi-guide li a { display: inline-block; padding: .25rem .5rem; background: #eaf5f8; border-radius: .3rem; }
.bbi-guide ul { padding-left: 1rem; }
.bbi-guide li p { margin: .25rem 0 .65rem; }