/* Scoped to the guide article. Preserves the existing site navigation and type. */
.bs-guide-next {
  margin: 2.5rem 0 1rem;
  padding: clamp(1.25rem, 3vw, 2rem);
  background: #e6f0fa;
  color: #142a3d;
}
.bs-guide-next h2 { margin: 0 0 .75rem; font-size: 1.5rem; line-height: 1.25; }
.bs-guide-next p { max-width: 65ch; margin: 0 0 1rem; }
.bs-guide-next .bs-guide-next-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem 1.25rem; }
.bs-guide-next a { color: #075c62; text-underline-offset: .2em; }
.bs-guide-next .bs-guide-sample-link {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; box-sizing: border-box; padding: .7rem 1rem;
  color: #fff; background: #075c62; font-weight: 650;
  text-decoration: none; border-radius: 6px;
}
.bs-guide-next .bs-guide-sample-link:hover { background: #06464b; }
.bs-guide-next a:focus-visible { outline: 3px solid #142a3d; outline-offset: 4px; }
.bs-guide-next .bs-guide-scope { margin: 1rem 0 0; font-size: .9rem; }
.bs-guide-list { padding-inline-start: 1.4rem; }
.bs-guide-list li { margin: .65rem 0; }
@media (max-width: 480px) {
  .bs-guide-next .bs-guide-next-actions { align-items: stretch; flex-direction: column; }
  .bs-guide-next .bs-guide-sample-link { width: 100%; }
  .bs-guide-next .bs-guide-method-link { padding: .5rem 0; }
}