/* Minimal element defaults. Consumers link styles.css and get these. */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-text);font-weight:var(--weight-text);font-size:var(--size-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-wrap:pretty}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-display);color:var(--text-strong);letter-spacing:var(--tracking-display);line-height:var(--leading-display);margin:0 0 var(--space-4)}
h1{font-size:var(--size-display-lg)}
h2{font-size:var(--size-display-md);letter-spacing:var(--tracking-display-md)}
h3{font-size:var(--size-display-sm);letter-spacing:var(--tracking-display-sm)}
h4{font-family:var(--font-text);font-weight:var(--weight-bold);font-size:var(--size-title);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug)}
p{margin:0 0 var(--space-4)}
a{color:var(--text-accent);text-decoration:none;border-bottom:var(--border-hairline) solid var(--orange-300);transition:var(--transition-interactive)}
a:hover{color:var(--orange-700);border-bottom-color:var(--orange-600)}
strong{font-weight:var(--weight-bold);color:var(--text-strong)}
code,kbd{font-family:var(--font-mono);font-size:0.9em}
:focus-visible{outline:none;box-shadow:var(--ring-focus);border-radius:var(--radius-xs)}
::selection{background:var(--orange-200);color:var(--grey-800)}
hr{border:none;border-top:var(--border-hairline) solid var(--line-hairline);margin:var(--space-8) 0}
.mch-eyebrow{font-family:var(--font-text);font-weight:var(--weight-bold);font-size:var(--size-micro);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted)}
.mch-script{font-family:var(--font-script);color:var(--text-accent);font-size:1.4em;line-height:1}
.mch-container{max-width:var(--container-max);margin:0 auto;padding-inline:var(--gutter)}
@keyframes mch-float{0%,100%{transform:translate3d(0,0,0) rotate(var(--mch-float-rot,0deg))}50%{transform:translate3d(0,-14px,0) rotate(calc(var(--mch-float-rot,0deg) + 3deg))}}
.mch-decor{animation:mch-float 9s var(--ease-in-out) infinite;pointer-events:none}
@media (prefers-reduced-motion:reduce){.mch-decor{animation:none}}
