.version-entry.svelte-1nvqfyl { scroll-margin-top: 6rem; }

  .version-title.svelte-1nvqfyl { font-weight: 600; color: #111827; line-height: 1.2; }
  /* gray-600 (#4b5563) clears WCAG AA (4.5:1) on white for this small text;
     gray-500 (#6b7280) fell just short at ~3.95:1. */
  .version-meta.svelte-1nvqfyl { font-size: 0.85rem; color: #4b5563; white-space: nowrap; }
  .version-badge.svelte-1nvqfyl {
    display: inline-block;
    margin-top: 0.25rem;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #4b5563;
  }

  /* Major: most prominent, with an accent rule above. */
  .version-major.svelte-1nvqfyl { border-top: 3px solid #0e7490; padding-top: 1.25rem; }
  .version-major.svelte-1nvqfyl .version-title:where(.svelte-1nvqfyl) { font-size: 1.875rem; }
  .version-major.svelte-1nvqfyl .version-badge:where(.svelte-1nvqfyl) { color: #0e7490; font-weight: 600; }

  /* Minor: medium prominence. */
  .version-minor.svelte-1nvqfyl .version-title:where(.svelte-1nvqfyl) { font-size: 1.5rem; }

  /* Patch: compact. */
  .version-patch.svelte-1nvqfyl .version-title:where(.svelte-1nvqfyl) { font-size: 1.25rem; }

  /* Follow-up: this block predates dark-mode support entirely — every color
     above is a light-surface hex with no counterpart, so in dark mode these
     titles/meta/badges rendered near-black on the page's near-black
     background (barely legible). Mirrors AppChrome.svelte's own
     `:global(html.dark) .foo` convention for scoped dark overrides. */
  html.dark .version-title.svelte-1nvqfyl { color: #f3f4f6; }
  html.dark .version-meta.svelte-1nvqfyl { color: #9ca3af; }
  html.dark .version-badge.svelte-1nvqfyl { color: #9ca3af; }
  html.dark .version-major.svelte-1nvqfyl { border-top-color: #22d3ee; }
  html.dark .version-major.svelte-1nvqfyl .version-badge:where(.svelte-1nvqfyl) { color: #22d3ee; }