html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased}
a{color:var(--text-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color var(--dur-micro) var(--ease)}
a:hover{color:var(--coral)}
::selection{background:var(--apricot);color:var(--ink)}
:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}
.es-display{font-family:var(--font-display);font-weight:var(--fw-display);font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--ls-display);text-wrap:balance}
.es-h2{font-family:var(--font-display);font-weight:400;font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);text-wrap:balance}
.es-h3{font-family:var(--font-sans);font-weight:var(--fw-h3);font-size:var(--fs-h3);line-height:var(--lh-h3)}
.es-body{font-size:var(--fs-body);line-height:var(--lh-body);max-width:var(--measure);text-wrap:pretty}
.es-label{font-family:var(--font-mono);font-size:var(--fs-label);font-weight:var(--fw-label);letter-spacing:var(--ls-label);text-transform:uppercase}
.es-keyword{font-style:italic;color:var(--coral)}
.es-marker{background:linear-gradient(transparent 58%,var(--apricot) 58%);padding:0 .08em}
