*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-heading);line-height:var(--leading-heading);margin:0 0 var(--space-4)}
h1{font-size:var(--text-h1);font-weight:var(--weight-bold)}h2{font-size:var(--text-h2);font-weight:var(--weight-bold)}
h3{font-size:var(--text-h3);font-weight:var(--weight-semibold)}h4{font-size:var(--text-h4);font-weight:var(--weight-semibold)}
p{margin:0 0 var(--space-4);max-width:var(--measure-prose);text-wrap:pretty}
a{color:var(--link);text-decoration:none;border-bottom:1px solid color-mix(in oklab,var(--link) 40%,transparent);transition:var(--transition-control)}
a:hover{color:var(--link-hover);border-bottom-color:var(--link-hover)}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.mi-overline{font-family:var(--font-display);font-size:var(--text-overline);font-weight:var(--weight-bold);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--text-accent)}
.mi-motto{font-family:var(--font-motto);font-style:italic;font-size:var(--text-lead);color:var(--text-muted)}
.mi-rule{height:var(--rule-heavy);width:56px;background:var(--surface-accent);border:0}