/* Tenure documentation — monochrome, book-like typography.
   No accent colours; black underlined links; serif body, sans headings.
   Sizes are in px (mdBook's base is 62.5%, so rem is avoided here). */

:root {
  --content-max-width: 100%;
  --sidebar-width: 280px;
}

/* Use the full page width (no narrow centered column) and left-align. */
.content main { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
.content { padding-left: 8px; padding-right: 40px; }

/* Hide the centered "Tenure" title in the top bar. */
.menu-title { display: none; }


/* ---- Typography ---------------------------------------------------------- */
html {
  font-family: Charter, "Iowan Old Style", "Palatino Linotype", Palatino,
    Georgia, "Times New Roman", serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.content { font-size: 18px; line-height: 1.7; }
.content p, .content li, .content td, .content th, .content blockquote { font-size: 18px; }

.content h1, .content h2, .content h3, .content h4, .content h5,
.menu-title, .sidebar {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif;
}
.content h1 { font-weight: 650; font-size: 34px; letter-spacing: -0.02em; margin: 0 0 18px; }
.content h2 {
  font-weight: 600; font-size: 25px; letter-spacing: -0.01em;
  margin: 42px 0 16px; padding-bottom: 6px; border-bottom: 1px solid #ececec;
}
.content h3 { font-weight: 600; font-size: 20px; margin: 30px 0 10px; }
.content h4 { font-weight: 600; font-size: 18px; margin: 24px 0 8px; }

/* ---- Monochrome palette (light theme) ----------------------------------- */
.light {
  --bg: #ffffff;
  --fg: #1a1a1a;
  --sidebar-bg: #fafafa;
  --sidebar-fg: #3a3a3a;
  --sidebar-non-existant: #aaaaaa;
  --sidebar-active: #000000;
  --sidebar-spacer: #ececec;
  --scrollbar: #cccccc;
  --links: #1a1a1a;
  --inline-code-color: #1a1a1a;
  --theme-popup-bg: #ffffff;
  --theme-popup-border: #e0e0e0;
  --theme-hover: #f0f0f0;
  --table-border-color: #e6e6e6;
  --table-header-bg: #f4f4f4;
  --table-alternate-bg: #fbfbfb;
  --searchbar-border-color: #d6d6d6;
  --searchbar-bg: #ffffff;
}

/* ---- Links: black, quiet underline -------------------------------------- */
.content a, .content a:visited { color: #111; text-decoration: underline;
  text-decoration-color: #c4c4c4; text-underline-offset: 2px; }
.content a:hover { text-decoration-color: #111; }
.content h1 a, .content h2 a, .content h3 a { text-decoration: none; }

/* ---- Code (kept sparingly) ---------------------------------------------- */
code, pre, pre code {
  font-family: "SF Mono", "JetBrains Mono", "Fira Mono", Menlo, Consolas, monospace;
}
.content pre { font-size: 15px; line-height: 1.55;
  border: 1px solid #ececec; border-radius: 4px; background: #fafafa; }
.content pre code { font-size: 15px; }
.content :not(pre) > code {
  background: #f3f3f3; padding: 0.1em 0.34em; border-radius: 3px;
  font-size: 0.9em; color: #1a1a1a;
}

/* ---- Tables ------------------------------------------------------------- */
.content table { border-collapse: collapse; width: 100%; margin: 18px 0; display: table; }
.content table th, .content table td { border: 1px solid #e6e6e6; padding: 8px 11px; }
.content table thead th { background: #f6f6f6; font-weight: 600; }
.content table tbody tr { background: transparent; }
.content table tbody tr:nth-child(2n) { background: #fbfbfb; }

/* ---- Sidebar ------------------------------------------------------------ */
.sidebar { font-size: 15px; }
.sidebar .sidebar-scrollbox { padding: 18px 16px; }
.chapter li.chapter-item { line-height: 1.5; margin: 3px 0; }
.chapter li.part-title {
  color: #8a8a8a; text-transform: uppercase; letter-spacing: 0.07em;
  font-size: 12px; font-weight: 600; margin: 22px 0 7px;
}
.menu-title { font-weight: 600; letter-spacing: -0.01em; }

/* ---- Misc --------------------------------------------------------------- */
.content blockquote { border-left: 3px solid #e0e0e0; background: #fafafa; color: #333; }
.content hr { border: none; border-top: 1px solid #ececec; margin: 34px 0; }
