/* Deliberately small. The real stylesheet arrives with the practice session;
   this exists so the first deploy serves a page that looks intentional rather
   than unstyled, and so /assets/app.css is a real path from the first commit.

   No web fonts: the CSP is `default-src 'self'` plus a named exception for
   desmos.com only, and a font from elsewhere would be refused. */
:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  margin: 0;
  font: 16px/1.6 Georgia, 'Times New Roman', serif;
  background: #fbfaf8;
  color: #1c1b19;
  display: flex;
  justify-content: center;
  padding: 2rem 1rem;
}
main { max-width: 34rem; }
h1 { font-size: 1.9rem; line-height: 1.2; margin: 0 0 .4rem; }
.lede { font-size: 1.1rem; margin: 0 0 1.6rem; }
p { margin: 0 0 1rem; }
.meta { margin-top: 2.4rem; font-size: .85rem; color: #6a6660; }
@media (prefers-color-scheme: dark) {
  body { background: #171614; color: #e8e5e0; }
  .meta { color: #97928a; }
}

/* admin */
h2 { font-size: 1.15rem; margin: 1.8rem 0 .5rem; }
button { font: inherit; padding: .45rem 1rem; border: 1px solid currentColor;
         background: transparent; color: inherit; border-radius: 3px;
         cursor: pointer; }
button[disabled] { opacity: .45; cursor: default; }