@import url('https://fonts.googleapis.com/css2?family=IM+Fell+Great+Primer:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&display=swap');

p.rubric.subtitle {
  margin-top: -0.65rem;
  margin-bottom: 1.75rem;
  /* font-size: 1.05rem; */
  font-size: 1.25rem;
  color: var(--color-foreground-muted-bright, #9e9e9e);
  font-weight: 400;
  font-style: normal;
  font-family: "IM Fell Great Primer", serif;
}

.subtitle-small {
  font-size: 0.95rem;
}

.poem-container {
  margin: 1.5em auto 3em auto;
  width: fit-content;
}

.poem {
  font-family: "IM Fell Great Primer", serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.1rem;
  color: var(--color-foreground-muted-bright, #9e9e9e);
  text-align: left;
  line-height: 1.3;
  letter-spacing: 0.05em;
  word-spacing: 0.08em;
  margin: 0;
}

/* Style the "Documentation" text in the sidebar */
.sidebar-brand-text,
.sidebar-brand .sidebar-brand-text p {
  font-family: "IM Fell Great Primer", serif !important;
  color: var(--color-foreground-muted);
  font-weight: 400;
  font-size: 1.25rem;
}

/* Keep brand name color unchanged (not muted) and at normal size */
.sidebar-brand .brand-name {
  color: var(--color-foreground-primary);
  font-size: 1.5rem;
}

/* Brand name styling for "pconfigs" */
.brand-name {
  font-family: "Montserrat", sans-serif; 
  font-weight: 500;
  letter-spacing: -0.02em;
}

.content h1 { font-size: 1.8rem; }
.content h2 { font-size: 1.5rem; }
.content h3 { font-size: 1.25rem; }

/* Sidebar-like section caption style for in-page rubrics */
p.rubric.section-caption {
  font-size: 1.5rem;
  /* text-transform: uppercase; */
  /* letter-spacing: 0.08em; */
  font-weight: 700;
  color: var(--color-foreground-primary);
  margin-top: 1.1rem;
  margin-bottom: 0.6rem;
}

/* Ensure code block background matches VS Code Dark+ in dark mode (Furo) */
:root[data-theme="dark"] {
  --color-background-code: #1e1e1e;
}

/* VS Code Dark+: make type hints green like class/type names.
   Pygments marks ':' as punctuation (p) and '->' as operator (o).
   Color the next Name (n) token accordingly. */
:root[data-theme="dark"] .highlight .p + .n,
:root[data-theme="dark"] .highlight .o + .n {
  color: #4ec9b0; /* VS Code type color */
}

/* Justified text helper for long intro paragraphs */
.poem-attribution {
  font-family: "IM Fell Great Primer", serif;
  font-style: italic;
  font-size: 1.05rem;
  color: var(--color-foreground-muted-bright, #9e9e9e);
  margin-top: 0.3em;
  margin-bottom: 0;
  text-align: right;
}

.poem-ornament {
  text-align: center;
  font-size: 1.2rem;
  color: var(--color-foreground-muted-bright, #9e9e9e);
  margin: 0.3em 0 0 0;
  padding-right: 10%;
}

.justify {
  text-align: justify;
}

.drop-cap {
  font-family: "IM Fell Great Primer", serif;
  font-size: 3.2rem;
  float: left;
  line-height: 0.8;
  margin-right: 0.08em;
  margin-top: 0.05em;
  color: var(--color-foreground-primary);
}