*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--type-body);font-size:var(--mk-size-base);line-height:var(--mk-leading-normal);-webkit-font-smoothing:antialiased;text-wrap:pretty}
h1,h2,h3,h4{font-family:var(--type-display);color:var(--text-heading);font-weight:var(--mk-weight-medium);letter-spacing:var(--mk-tracking-display);line-height:var(--mk-leading-snug);margin:0}
h1{font-size:var(--mk-size-4xl);line-height:var(--mk-leading-tight)}
h2{font-size:var(--mk-size-2xl)}
h3{font-size:var(--mk-size-xl)}
h4{font-size:var(--mk-size-lg)}
p{margin:0 0 var(--mk-space-4)}
a{color:var(--link-fg);text-decoration-color:var(--link-underline);text-underline-offset:3px;transition:color var(--mk-dur-fast) var(--mk-ease-standard)}
a:hover{color:var(--link-fg-hover);text-decoration-color:currentColor}
:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.mk-eyebrow{font-family:var(--type-display);font-size:var(--mk-size-2xs);font-weight:var(--mk-weight-medium);letter-spacing:var(--mk-tracking-eyebrow);text-transform:uppercase;color:var(--text-accent)}
.mk-rule{border:0;border-top:var(--mk-border-hair) solid var(--line-hairline);margin:var(--mk-space-5) 0}