/* Shared by the help center and the about page: the face and the tokens. */
@font-face {
	font-family: "Montserrat";
	src: url("fonts/montserrat.woff2") format("woff2");
	font-weight: 400 800;
	font-display: swap;
}

:root {
	--font-body: "Montserrat", Helvetica, Arial, sans-serif;
	--font-head: var(--font-body);
	--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

	--ink: #1f1f1f;
	--muted: #6b6b6b;
	--line: #d9d9d9;
	--paper: #ffffff;
	--black: #000000;
	--solved: #4caf50;
	--open: #e5533d;
	--waiting: #2f80ed;
	--bad: #c62828;
	--focus: #2f80ed;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	* { transition: none !important; animation: none !important; }
}
body { margin: 0; font-family: var(--font-body); color: var(--ink); background: var(--paper); font-size: 16px; line-height: 1.5; }
a { color: inherit; }
h1, h2, h3 { font-family: var(--font-head); margin: 0; line-height: 1.2; }
p { margin: 0 0 1rem; }
svg { width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip { position: absolute; left: 1rem; top: -100px; background: var(--black); color: #fff; padding: .5rem .75rem; z-index: 10; }
.skip:focus { top: 8px; }
.pill {
	display: inline-flex; align-items: center; justify-content: space-between; gap: 1rem;
	width: 296px; max-width: 100%; height: 42px; padding: 0 1rem 0 1.1rem;
	border: 2px solid var(--black); border-radius: 999px; background: var(--paper); color: var(--ink);
	font: inherit; font-weight: 700; font-size: 1rem; text-decoration: none; cursor: pointer;
}
.pill svg { font-size: 1.25rem; }
.pill:hover { background: var(--black); color: #fff; }
.pill.short { width: auto; }
.concept { font-size: .75rem; color: #9a9a9a; }
.concept a { color: inherit; }