/* The session list. Everything else on this site is the teleprompter, which
   brings its own stylesheet; this is the one page that is just a page. */
:root { color-scheme: dark; }

body {
  margin: 0;
  min-height: 100vh;
  background: #0f1114;
  color: #e6e8eb;
  font: 15px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  display: flex;
  justify-content: center;
  padding: 8vh 16px;
}

.index-shell { width: 100%; max-width: 560px; }

h1 {
  font-size: 13px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #8b929c;
  margin: 0 0 18px;
}

.index-list { list-style: none; margin: 0; padding: 0; }

.index-list a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  margin-bottom: 8px;
  border: 1px solid #272c33;
  border-radius: 10px;
  background: #16191e;
  color: inherit;
  text-decoration: none;
}

.index-list a:hover { border-color: #4c8dff; }

.dot { width: 9px; height: 9px; border-radius: 50%; background: #6b7280; flex: 0 0 auto; }
.dot.on { background: #3ddc84; }

.index-label { flex: 1 1 auto; }
.muted { color: #8b929c; font-size: 13px; }
code { font-family: ui-monospace, Menlo, monospace; font-size: 13px; }