/* Help: the instrument's type on its casing. instrument-tokens.css is linked first; nothing here
   defines a colour, size or face of its own. One family, sentence case, 18 for reading and 28 for
   the title (as About), 14 for the way back. Links are words at 500, never underlined. */
:root{color-scheme:dark}
body{margin:0;background:var(--note-casing);color:var(--note-text-muted);font:var(--note-weight-text) var(--note-text-md)/var(--note-leading) var(--note-font);-webkit-font-smoothing:antialiased}
main{max-width:680px;margin:0 auto;padding:24px var(--note-pad) 80px}
main>a:first-child{display:inline-flex;align-items:center;min-height:var(--note-target);font-size:var(--note-text-sm)}
h1{margin:32px 0 24px;color:var(--note-text);font:var(--note-weight-light) var(--note-text-lg)/var(--note-leading-display) var(--note-font)}
h2{margin:40px 0 8px;color:var(--note-text);font:var(--note-weight-label) var(--note-text-md)/var(--note-leading) var(--note-font)}
p{margin:0 0 16px}
strong{color:var(--note-text);font-weight:var(--note-weight-label)}
a{color:var(--note-text);font-weight:var(--note-weight-label);text-decoration:none;transition:color var(--note-dur) var(--note-ease)}
a:hover{color:var(--note-text-muted)}
a:focus-visible{outline:1px solid var(--note-text);outline-offset:3px;border-radius:var(--note-radius-focus)}
