/* Site-level styles that lived in Webflow custom code / embeds. */

/* Blog post table of contents (was in the Post template <head>) */
#toc a {
  text-decoration: none !important;
  border: none;
  background: transparent;
  padding: 5px 10px;
  display: block;
  line-height: 1.2;
  border-radius: 4px;
  transition: all 300ms;
  color: #ffffff;
}
#toc {
  font-size: 1rem;
}
#toc li {
  padding: 2px 0;
}
#toc ul {
  list-style: none;
  margin: 0 !important;
  padding: 0;
}
#toc a.active, #toc a:hover {
  background: #7f56d90f;
}

/* Tables in rich text (were inline <style> embeds in blog posts) */
.w-richtext table {
  width: 100%;
  border-collapse: collapse;
  font-family: sans-serif;
  color: #ffffff;
  background-color: #171717;
  table-layout: fixed;
  margin: 24px 0;
  display: block;
  overflow-x: auto;
}
@media (min-width: 768px) { .w-richtext table { display: table; } }
.w-richtext th, .w-richtext td { padding: 12px 16px; text-align: left; vertical-align: top; word-wrap: break-word; }
.w-richtext thead { background-color: #222222; border-bottom: 2px solid #E6B400; }
.w-richtext tbody tr:nth-child(even) { background-color: #1F1F1F; }
.w-richtext tbody tr:nth-child(odd) { background-color: #212121; }
.w-richtext th { color: #E6B400; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; }
.w-richtext td { font-size: 15px; line-height: 1.5; }
@media (max-width: 400px) { .w-richtext th, .w-richtext td { padding: 8px 12px; font-size: 13px; } }

/* Rich-text images (Webflow figures were converted to image + italic caption) */
.w-richtext img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
.w-richtext p:has(> img) + p > em:only-child { display: block; text-align: center; font-size: 0.9em; opacity: 0.8; }