:root{--grey-light:#f1f3f5;--grey-dark:#212529;color-scheme:light dark;--color-bg:light-dark(var(--grey-light), var(--grey-dark));--color-fg:light-dark(var(--grey-dark), var(--grey-light));--color-primary:light-dark(#055187, #1c7ed6)}*{box-sizing:border-box;margin:0;padding:0}h1,h2{font-size:inherit;font-weight:inherit}ul{list-style:none}body{background:var(--color-bg);color:var(--color-fg);font-family:ui-serif,serif;font-size:1rem;line-height:1.5;margin-inline:auto;max-width:42rem;padding:0 1em;position:relative;@media(width >= 40rem){font-size: 1.5rem;}}a{color:var(--color-primary);text-decoration-line:underline;text-decoration-thickness:2px}main{margin-top:.75em;*+ * { margin-top: 0.75em; } li { margin-top: 0; }}section p{hyphens:auto}strong{font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}@media(prefers-color-scheme:light),(prefers-color-scheme:no-preference){:root:has(#theme-toggle:checked){color-scheme:dark}}@media(prefers-color-scheme:dark){:root:has(#theme-toggle:checked){color-scheme:light}}.theme-toggle{cursor:pointer;display:grid;position:absolute;top:0;right:1rem;padding:0 .5rem;user-select:none;svg { grid-area: 1 / 1; width: 1.5rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; } .sun-icon { color: light-dark(transparent, var(--color-primary)); } .moon-icon { color: light-dark(var(--color-primary), transparent); }}#theme-toggle:focus-visible+.theme-toggle{outline:auto}