html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', sans-serif;
}

a {
  color: #4f46e5;
  transition: color 0.2s ease;
  text-decoration: none;
}

a:hover {
  color: #5d56df;
  text-decoration: underline;
}

a:visited {
  color: #4f46e5;
}

.container {
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto;
}

.toc {
  margin-top: 1rem;
  padding: 0.25rem 1rem;
  border-left: 4px solid #4f46e5;
  background-color: #f9fafb;
  font-size: 0.95rem;
}

.toc ol {
  list-style: none;
  padding-left: 0;
}

.toc li {
  margin: 0.25rem 0;
}

.toc a:hover {
  text-decoration: underline;
}

.toc ul {
  margin-top: 0.25rem;
  margin-left: 0.25rem;
  list-style: disc;
}

code, pre {
  font-family: 'Fira Code', monospace !important;
}

footer {
  margin: 30px 0;
  text-align: center;
}

code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}