:root{
  --seo-accent:var(--ds-accent);
}

.eyebrow,
.related a span,
.guide-grid a span{
  color:var(--seo-accent);
}

.guide-grid,
.guide-grid a,
.related,
.related a{
  min-width:0;
}

.guide-grid h2,
.guide-grid p,
.guide-grid span,
.related b,
.related span{
  overflow-wrap:anywhere;
}

:is(.setup code,.public-docs-page pre,.public-docs-page table):focus-visible{
  outline:2px solid var(--ds-focus-ring);
  outline-offset:3px;
}

@media(max-width:760px){
  .guide-grid,
  .related>div{
    width:100%;
  }

  .guide-grid a,
  .related a{
    width:100%;
  }
}