/* Raise the Voices volunteer onboarding — theme overrides on docsify's vue.css.
 * Palette follows the cases site (marturia-inspired green #25646a). */

:root {
  --theme-color: #25646a;
}

body {
  font-family: 'PT Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Helvetica, Arial, sans-serif;
  line-height: 1.6;
  color: #1d2330;
}

/* Sidebar = the always-visible table of contents */
.sidebar {
  background: #f4f7f7;
  border-right: 1px solid #dfe7e7;
  padding-bottom: 72px; /* room for the progress footer */
}
.sidebar > h1 {
  margin: 24px auto 8px;
  font-size: 20px;
}
.sidebar > h1 small {
  display: block;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5a6478;
  margin-top: 4px;
}
.sidebar ul li a {
  font-size: 14.5px;
}
/* Section headings in the sidebar (non-link list items) */
.sidebar ul li strong {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #25646a;
  margin: 18px 0 4px;
}
.sidebar ul li.active > a {
  border-right: 3px solid var(--theme-color);
  font-weight: 700;
}

/* Progress footer pinned to the bottom of the sidebar */
.rtv-progress-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 300px;
  padding: 12px 25px 12px 56px; /* clear docsify's sidebar-toggle button */
  background: #25646a;
  color: #fff;
  font-size: 13.5px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .rtv-progress-footer {
    display: none;
  }
}

/* Content */
.markdown-section {
  max-width: 720px;
  padding: 30px 30px 60px;
}
.markdown-section h1 {
  font-size: 30px;
  letter-spacing: -0.015em;
}
.markdown-section blockquote {
  background: #fff7ed;
  border-left: 4px solid #e8a04c;
  border-radius: 0 8px 8px 0;
  padding: 2px 16px;
  color: #6b5232;
}

/* Previous / Next footer (docsify-pagination) */
.pagination-item-title {
  color: #25646a;
  font-size: 16.5px;
}
/* Our sidebar is flat (no nested chapters), so the plugin's subtitle slot
 * just repeats the page title — hide it. */
.pagination-item-subtitle {
  display: none;
}

/* Task checkboxes — big enough to want to click */
.markdown-section li input[type='checkbox'] {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  vertical-align: -3px;
  accent-color: #25646a;
  cursor: pointer;
}
.markdown-section li.task-list-item {
  list-style: none;
  margin-left: -1.2em;
  padding: 5px 0;
}