/* The landing page's look, for the Privacy Policy and Terms of Use. */
:root { --bg: #fafaf9; --fg: #1c1917; --muted: #57534e; --line: #e7e5e4; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #1c1917; --fg: #f5f5f4; --muted: #a8a29e; --line: #44403c; }
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; padding: 24px 16px;
       background: var(--bg); color: var(--fg); font: 17px/1.6 system-ui, -apple-system, sans-serif; }
/* Brand left, GitHub in the middle (apart from Sign in), Sign in right. */
nav { max-width: 44rem; width: 100%; margin: 0 auto; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
nav a { color: var(--fg); text-decoration: none; }
nav .signin { justify-self: end; }
nav .icon { display: inline-flex; opacity: .8; }
nav .icon:hover { opacity: 1; }
.brand { font-weight: 700; font-size: 1.3rem; letter-spacing: -.02em; }
main { max-width: 44rem; width: 100%; margin: 0 auto; padding: 40px 0; }
article h1 { font-size: 2.2rem; letter-spacing: -.02em; margin: 0 0 .25rem; }
article h2 { font-size: 1.2rem; margin: 2rem 0 .5rem; }
article h3 { font-size: 1rem; margin: 1.25rem 0 .35rem; }
article p, article li { color: var(--fg); }
article ul { padding-left: 1.2rem; }
article a { color: var(--fg); }
.updated { color: var(--muted); margin: 0 0 1.5rem; }
code { font: .85em ui-monospace, Menlo, monospace; }
footer { max-width: 44rem; width: 100%; margin: 0 auto; color: var(--muted); font-size: .85rem;
         display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; }
footer a { color: var(--muted); }
footer .legal { display: flex; gap: 16px; }