@layer reset, tokens, base, components, pages;@layer base{}@layer tokens{:root{--font-serif:var(--font-family-serif);--font-sans:var(--font-family);--color-bg:var(--app-paper);--color-text-primary:var(--app-ink);--color-accent:var(--app-accent);--app-radius-sm:4px;--radius-sm:var(--app-radius-sm);--app-radius-md:6px;--radius-md:var(--app-radius-md)}}@layer reset{*,:after,:before{box-sizing:border-box;margin:0;padding:0}}@layer base{body,html{min-height:100%;background-color:var(--app-paper);color:var(--app-ink);line-height:var(--app-leading-body);-webkit-font-smoothing:antialiased}body,button,html,input,select,textarea{font-family:var(--font-sans)}.site-main{min-height:100vh;background-color:var(--app-paper);color:var(--app-ink)}html[data-rhythm-grid=on]{position:relative}html[data-rhythm-grid=on]:after{content:"";position:absolute;inset:0;z-index:2147483647;pointer-events:none;background-image:repeating-linear-gradient(to bottom,rgb(220 40 40/.35) 0 1px,transparent 1px var(--app-rhythm)),repeating-linear-gradient(to bottom,rgb(40 120 220/.18) 0 1px,transparent 1px var(--app-rhythm-quarter))}}