* { box-sizing: border-box; }

html { color-scheme: light; }

body {
  margin: var(--aicjm-space-0);
  color: var(--aicjm-text-primary);
  background: var(--aicjm-surface-page);
  font-family: var(--aicjm-font-family-sans);
  line-height: var(--aicjm-type-line-height-web-body);
}

.aicjm-headline {
  margin: var(--aicjm-space-0);
  color: var(--aicjm-component-headline-text);
  font-size: clamp(var(--aicjm-type-size-web-hero-min), 5vw, var(--aicjm-type-size-web-hero-max));
  font-weight: var(--aicjm-type-weight-web-hero);
  letter-spacing: var(--aicjm-type-tracking-web-display);
  line-height: var(--aicjm-type-line-height-web-display);
  overflow-wrap: anywhere;
}

.aicjm-headline__accent {
  display: block;
  color: var(--aicjm-component-headline-accent);
  font-style: italic;
}

.surface--deep .aicjm-headline,
.surface--deep .aicjm-headline__accent {
  color: var(--aicjm-component-headline-on-deep);
}