/* Header & sidebar logo (duck) - constrain size */
.md-header__button.md-logo img,
.md-nav__button.md-logo img {
  height: 2rem;
  width: auto;
}

/* Prevent CLS from font loading */
body {
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Reserve space for elements that might cause CLS */
.md-content__inner ul {
  min-height: 1.5em;
}

/* Optimize text rendering */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  font-display: swap;
}

/* Reduce reflows */
.md-nav__link {
  contain: layout style;
}

/* Tags listing: inline tag badges */
.md-tag--inline {
  font-size: 0.65rem;
  padding: 0.15em 0.5em;
  margin-left: 0.25em;
  vertical-align: middle;
  opacity: 0.75;
}

/* Prevent horizontal overflow on mobile */
@media (max-width: 768px) {
  .md-content__inner {
    overflow-x: hidden;
  }
  
  .md-content__inner h1,
  .md-content__inner h2 {
    overflow-wrap: break-word;
    word-break: break-word;
  }
}

/* Lazy load non-critical images */
img:not([loading]) {
  loading: lazy;
}