html{background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font:var(--type-body);-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:var(--spruce);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--spruce-hover)}
:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}
.skimt-num{font-family:var(--font-data);font-variant-numeric:tabular-nums}
.skimt-prose{font:var(--type-prose);color:var(--ink);max-width:66ch;text-wrap:pretty}
@keyframes skimt-emerge{from{opacity:0}to{opacity:1}}
nav ul::-webkit-scrollbar{width:0;height:0}
.skimt-emerge{animation:skimt-emerge var(--emerge-duration) var(--emerge-easing) both}
@media (prefers-reduced-motion:reduce){.skimt-emerge{animation:none}}