/* one stylesheet: system fonts, and nothing requested from elsewhere */
:root                                      {--bg: #fdfdfc; --fg: #16161a; --muted: #6b6b72; --rule: #e2e2dd;
 --measure: 38rem; --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
 --text: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}
@media (prefers-color-scheme: dark) {:root {--bg: #101012; --fg: #e6e6e4; --muted: #8d8d95; --rule: #26262a}}
*                  {box-sizing: border-box}
html               {-webkit-text-size-adjust: 100%}
body               {margin: 0 auto; padding: 4rem 1rem 6rem; max-width: var(--measure); background: var(--bg);
 color: var(--fg); font: 1rem/1.65 var(--text)}
a                  {color: inherit; text-decoration-color: var(--muted); text-underline-offset: .2em}
a:hover            {text-decoration-color: currentColor}
header             {margin-bottom: 3rem}
header:empty       {display: none}
.mark              {font-family: var(--mono); text-decoration: none; color: var(--muted)}
.mark:hover        {color: var(--fg)}
h1                 {margin: 0 0 .75rem; font-size: 1.25rem; font-weight: 600; letter-spacing: -.01em}
h2                 {margin: 3rem 0 .75rem; font-size: .875rem; font-weight: 600; color: var(--muted)}
h2 a               {text-decoration: none}
h3                 {margin: 2rem 0 .5rem; font-size: 1rem; font-weight: 600}
p, ul, ol, pre     {margin: 0 0 1.25rem}
.tagline           {color: var(--muted)}
.meta              {font-family: var(--mono); font-size: .8125rem; color: var(--muted)}
.notice            {padding: .75rem 1rem; border-left: 2px solid var(--rule); color: var(--muted); font-size: .9375rem}
ul.index           {list-style: none; margin: 0; padding: 0}
ul.index li        {display: flex; flex-wrap: wrap; gap: 0 .75rem; padding: .3rem 0}
ul.index time      {font-family: var(--mono); font-size: .8125rem; color: var(--muted); padding-top: .15rem;
 white-space: nowrap}
.summary           {color: var(--muted); font-size: .875rem; padding-top: .15rem}
ul.index a + .summary {flex: 1 1 12rem}
code, pre          {font-family: var(--mono); font-size: .875rem}
ul.index code      {font-size: .8125rem; overflow-wrap: anywhere}
pre                {padding: 1rem; overflow-x: auto; background: var(--rule); border-radius: 2px}
article :is(p, li) {overflow-wrap: break-word}
footer             {margin-top: 5rem; padding-top: 1.25rem; border-top: 1px solid var(--rule); font-family: var(--mono);
 font-size: .8125rem; color: var(--muted)}