/* Minimal element defaults so specimen cards, kits and consumer pages
   inherit the brand without a reset library. */
*, *::before, *::after { box-sizing: border-box }
body { margin: 0; font: var(--type-body); color: var(--text-body); background: var(--surface-page); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility }
h1, h2, h3, h4, h5, h6 { margin: 0; font-family: var(--font-display); color: var(--text-strong); letter-spacing: var(--tracking-heading); text-wrap: pretty }
h1 { font: var(--type-h1) }
h2 { font: var(--type-h2) }
h3 { font: var(--type-h3) }
p { margin: 0; text-wrap: pretty }
a { color: var(--link); text-decoration: none; transition: var(--transition-control) }
a:hover { color: var(--link-hover); text-decoration: underline; text-underline-offset: 3px }
a:focus-visible, button:focus-visible, input:focus-visible, [tabindex]:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px }
img { max-width: 100%; display: block }
ul, ol { margin: 0; padding: 0; list-style: none }
button { font: inherit; color: inherit }
::selection { background: var(--cyan-200); color: var(--green-950) }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important } }