*{box-sizing:border-box}
body{margin:0;font-family:var(--font-body);color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);margin:0}
p{margin:0}
a{color:var(--text-link);text-decoration:underline;text-decoration-color:var(--teal-300);text-underline-offset:2px}
a:hover{color:var(--text-link-hover);text-decoration-color:currentColor}
::selection{background:var(--yellow-300);color:var(--teal-950)}
.notebook-rule{background-image:repeating-linear-gradient(to bottom,transparent,transparent 27px,var(--border-default) 27px,var(--border-default) 28px)}
.grid-paper{background-image:linear-gradient(var(--border-default) 1px,transparent 1px),linear-gradient(90deg,var(--border-default) 1px,transparent 1px);background-size:24px 24px}