/* Berth docs — clean modern theme */

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

/* Typography */
.content main {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  line-height: 1.7;
}

.content main h1 {
  border-bottom: 2px solid var(--sidebar-active);
  padding-bottom: 0.4em;
  margin-top: 1.5em;
}

.content main h2 {
  border-bottom: 1px solid rgba(128, 128, 128, 0.2);
  padding-bottom: 0.3em;
  margin-top: 2em;
}

/* Code blocks */
.content main pre {
  border-radius: 8px;
  padding: 1em 1.2em;
  border: 1px solid rgba(128, 128, 128, 0.15);
}

.content main code {
  border-radius: 4px;
  padding: 0.15em 0.4em;
  font-size: 0.9em;
}

/* Tables */
.content main table {
  border-collapse: collapse;
  width: 100%;
  margin: 1.2em 0;
}

.content main table th {
  text-align: left;
  font-weight: 600;
  border-bottom: 2px solid var(--sidebar-active);
  padding: 0.6em 1em;
}

.content main table td {
  padding: 0.5em 1em;
  border-bottom: 1px solid rgba(128, 128, 128, 0.15);
}

.content main table tr:hover td {
  background: rgba(128, 128, 128, 0.04);
}

/* Sidebar */
.sidebar {
  font-size: 0.92em;
}

.sidebar .sidebar-scrollbox {
  padding-top: 1.5em;
}

.sidebar ol.chapter li a {
  padding: 6px 16px;
  border-radius: 4px;
  transition: background 0.15s;
}

.sidebar ol.chapter li a:hover {
  background: rgba(128, 128, 128, 0.1);
}

/* Blockquotes — used for callouts */
.content main blockquote {
  border-left: 4px solid var(--sidebar-active);
  border-radius: 0 6px 6px 0;
  padding: 0.8em 1.2em;
  margin: 1.2em 0;
  background: rgba(128, 128, 128, 0.04);
}

/* Navigation buttons */
.nav-chapters {
  font-size: 0.9em;
  opacity: 0.6;
  transition: opacity 0.2s;
}

.nav-chapters:hover {
  opacity: 1;
}

/* Hero section styling for landing page */
.content main > p:first-of-type {
  font-size: 1.15em;
  color: var(--sidebar-fg);
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}