:root {
  scroll-behavior: smooth;
}

body > header,
body > main,
body > footer {
  width: min(100% - 2rem, var(--vitre-measure, 80ch));
  margin-inline: auto;
}

body > header {
  padding-block-start: 2rem;
}

nav[aria-label="Documentation"] {
  position: sticky;
  top: 0;
  z-index: 1;
  padding-block: 0.75rem;
  background: var(--vitre-bg);
}

form[role="group"] {
  align-items: center;
}

[data-kind="alert"]:has(> [data-v-content]) {
  display: flex;
  align-items: center;
  gap: var(--vitre-space-3, 0.75rem);
}

[data-kind="alert"] > [data-v-content] {
  flex: 1 1 auto;
}

[data-kind="alert"][dismiss]::after {
  content: "";
  display: block;
  flex: 0 0 auto;
  inline-size: 2rem;
  block-size: 2rem;
  margin-inline-start: auto;
}

[data-kind="alert"][data-v-enhanced="true"]::after {
  display: none;
}