.document-home-link {
  padding: 0.6rem 0.85rem;
  color: var(--blue);
  background: #edf1ff;
  border: 1px solid #bec9f8;
  border-radius: 0.55rem;
  font-size: 0.72rem;
  font-weight: 800;
  text-decoration: none;
}

.document-home-link:hover,
.document-home-link:focus-visible {
  background: #e1e8ff;
}

.document-hero h1 {
  max-width: 18ch;
}

.document-hero > div > p:last-child {
  max-width: 48rem;
  margin: 1rem 0 0;
  color: #c6d4e7;
}

.document-content > h2:first-child {
  margin-top: 0;
}

.document-content table {
  font-size: 0.8rem;
}

.document-content pre code.language-mermaid::before {
  display: block;
  margin-bottom: 0.75rem;
  color: #50e3d4;
  content: "Diagrama em Mermaid · representação textual";
  font: 0.65rem "Cascadia Code", Consolas, monospace;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.document-navigation a[aria-current="page"] {
  color: #fff;
  background: #153f5b;
  box-shadow: inset 0.2rem 0 #50e3d4;
}

@media (max-width: 42rem) {
  .document-home-link {
    font-size: 0.65rem;
  }

  .document-hero > div > p:last-child {
    font-size: 0.88rem;
  }
}