html, body{
    font-family: Montserrat,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

/* Main content titles */
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

article h1 { font-size: 2.2rem; }
article h2 { font-size: 1.8rem; }
article h3 { font-size: 1.45rem; }


.mermaid {
    background: transparent;
}

img.only-light, img.only-dark {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Paragraph spacing + leading */
article p {
  margin-top: 0.9rem;
  margin-bottom: 1.1rem;
  line-height: 1.75;
}
/* Right sidebar active item styling */
.toc-tree li.scroll-current > .reference {
  background: #f5f5f5;
  border-radius: 4px;
  padding: 4px 8px;
  display: inline-block;
}
/* Optional dark theme override */
body[data-theme="dark"] .toc-tree li.scroll-current > .reference {
  background: #222222;
}
/* Community CTA button */
article a.sd-btn.sd-btn-primary {
  background-color: #ffc502 !important;
  border-color: #ffc502 !important;
  color: #222222 !important;
}

article a.sd-btn.sd-btn-primary:hover {
  background-color: #ffda27 !important;
  border-color: #ffda27 !important;
  color: #222222 !important;
}

.flwr-old-version-banner {
  align-items: center;
  background: #651126;
  color: #f7e9ec;
  display: flex;
  gap: 1rem;
  justify-content: center;
  padding: 0.85rem 1.2rem;
}

.flwr-old-version-banner__text {
  font-size: 1.05rem;
}

.flwr-old-version-banner__action {
  background: #e58d9e;
  border: 0;
  border-radius: 0.35rem;
  color: #2b0b12;
  cursor: pointer;
  font-size: 1.05rem;
  padding: 0.5rem 1rem;
}

.flwr-old-version-banner__action:hover {
  background: #ed9dac;
}

.flwr-old-version-banner__close {
  background: transparent;
  border: 0;
  color: #f3bbc5;
  cursor: pointer;
  font-size: 1.75rem;
  line-height: 1;
  margin-left: auto;
  padding: 0 0.2rem;
}

@media (max-width: 900px) {
  .flwr-old-version-banner {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.6rem;
    text-align: left;
  }

  .flwr-old-version-banner__close {
    margin-left: 0;
  }
}