/* Shared button geometry, measured from the homepage Explore the experiment CTA.
   Only control surfaces are normalized; card, icon and diagram geometry is separate. */
:root { --mi-button-radius: 7px; }

/* !important makes this design invariant survive lazy route CSS, Tailwind and
   legacy inline border radii. No colors, sizes or interaction behavior change. */
:is(
  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  [role="button"],
  [role="tab"],
  select,
  .mi-action,
  .site-nav-link,
  .research-primary,
  .research-secondary,
  .registration-submit,
  .library-future-entry,
  .finale-atlas-link,
  .atlas-header-actions > a,
  .citation-controls > a,
  .library-actions > a,
  .record-primary-actions > a,
  .article-actions > a,
  a[class*="button"],
  a[class*="btn"],
  a[class*="action"],
  a[class*="rounded-"]
) { border-radius: var(--mi-button-radius) !important; }

/* Inset highlights follow the same outer corner without squaring the cap. */
.mi-action::before { border-radius: calc(var(--mi-button-radius) - 3px) !important; }
.mi-action::after { border-radius: calc(var(--mi-button-radius) - 2px) !important; }
.site-nav-link::before { border-radius: inherit !important; }