/* Import Roboto Slab from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;700&display=swap');


.dataframe {
    display: inline-block;
}
.dataframe td {
    vertical-align: middle;
    text-align: right;
}
tbody tr:hover {background: rgba(66, 165, 245, 0.2);}

.quarto-figure {
  text-align: left;
}

.quarto-figure img {
  display: block;
  margin-left: 0;
}

p {
  text-align: justify;
}

/* Make all tables smaller */
table {
  font-size: 0.85em; /* adjust as needed */
}

/* Optional: also reduce header font size */
table th {
  font-size: 0.85em;
}

/* Add space only under code outputs */
.cell-output {
  margin-bottom: 1.5em;  /* adjust spacing */
}

/* Add space *before* H2 headings */
h2 {
  margin-top: 2.5em;   /* adjust to taste */
}
h3 {
  margin-top: 1.5em;   /* adjust to taste */
}

h1, h2, h3, h4, h5 {
  font-family: 'Roboto Slab', serif;
}

h1, h2 {
  color: #23373b;
}

h3, h4 {
  color: #2F4647;
}

/* Make iframe take full width of the Quarto content area */
.reveal-embed {
  width: 100%;
  aspect-ratio: 16 / 9;  /* or whatever aspect ratio your slides have */
  border: none;
  display: block;
}

/* Optional: ensure it doesn't overflow on small screens */
@media (max-width: 768px) {
  .reveal-embed {
    aspect-ratio: 4 / 3;
  }
}

/* TOC */
.sidebar nav[role=doc-toc] ul > li > a.active,
.sidebar nav[role=doc-toc] ul > li > ul > li > a.active {
  /* color: #EB811B !important;        active text color */
  color: #d86405 !important;        /* active text color */
  border-left: 1px solid #EB811B;
}
.sidebar nav[role=doc-toc] ul > li > a:hover,
.sidebar nav[role=doc-toc] ul > li > ul > li > a:hover {
  color: #EB811B !important;       
}
.sidebar nav[role=doc-toc] ul > li > a,
.sidebar nav[role=doc-toc] ul > li > ul > li > a {
  color: #343a40 !important;       
}

/* Left sidebar */
.sidebar-header a {
  color: #212529 !important;
}

.sidebar-item-container a:hover{
  color: #EB811B !important;
}
.sidebar-item-container a.active{
  color: #d86405 !important;
}
.sidebar-item-container a {
  color: #343a40 !important;
}

/* Links */
a:hover{
  color: #EB811B !important;
}
a {
  color: #d86405 !important;
}