: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)}body{background:var(--color-bg);color:var(--color-fg);font-family:ui-serif,serif;font-size:1.125rem;line-height:1.2;hyphens:auto;margin-inline:auto;max-width:42rem;padding:0 1rem;position:relative;@media(width >= 40rem){font-size: 1.5rem;}}a{color:var(--color-primary);text-decoration-line:underline;text-decoration-thickness:2px}h1{font-size:inherit;font-weight:inherit}strong{font-weight:600}ul{list-style:none;padding:0}.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}