@layer base {
  html { background: var(--em26-paper); }
  body { min-width: 20rem; margin: 0; background: var(--em26-paper); color: var(--em26-ink); font-family: var(--em26-font-sans); font-size: var(--em26-text-base); line-height: 1.62; overflow-wrap: break-word; }
  body.em26-nav-open { overflow: hidden; }
  a { color: var(--em26-cobalt); text-underline-offset: 0.18em; text-decoration-thickness: 0.08em; }
  a:hover { text-decoration-thickness: 0.13em; }
  h1, h2, h3, h4 { font-weight: 750; letter-spacing: -0.035em; text-wrap: balance; }
  h1 { font-size: var(--em26-h1); line-height: 0.99; }
  h2 { font-size: var(--em26-h2); line-height: 1.07; }
  h3 { font-size: var(--em26-h3); line-height: 1.16; }
  p { max-width: 72ch; }
  button, input, select, textarea { min-height: 2.75rem; }
  button:not(:disabled), select:not(:disabled) { cursor: pointer; }
  button:disabled, input:disabled, select:disabled, textarea:disabled { cursor: not-allowed; color: var(--em26-muted); background: #e7e5df; border-color: var(--em26-border); }
  input[aria-invalid="true"], select[aria-invalid="true"], textarea[aria-invalid="true"] { border-color: var(--em26-magenta); box-shadow: 0 0 0 0.125rem rgba(179, 19, 104, 0.15); }
  :focus-visible { outline: 0.1875rem solid var(--em26-cobalt); outline-offset: 0.125rem; }
  ::selection { background: var(--em26-cobalt); color: #fff; }
}