html {
  scroll-behavior: smooth;
  scroll-padding-top: 5.5rem;
}

body {
  margin: 0;
  color: var(--trilhas-text-primary);
  background: var(--trilhas-surface-page);
  font-family: var(--trilhas-font-body);
  font-size: var(--trilhas-text-base);
  line-height: 1.65;
  text-rendering: optimizeLegibility;
}

body.trilhas-menu-open {
  overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--trilhas-text-primary);
  font-family: var(--trilhas-font-heading);
  line-height: 1.12;
  text-wrap: balance;
}

p {
  margin-top: 0;
}

a {
  color: var(--trilhas-color-ecosystem);
  text-underline-offset: 0.18em;
}

img, svg {
  display: block;
  max-width: 100%;
}

code, pre {
  font-family: var(--trilhas-font-code);
}

#quarto-content {
  padding: 0;
}

main.content {
  margin: 0;
  padding: 0;
  max-width: none;
}

.quarto-title-block {
  display: none;
}