/* assets/styles.css — HTML/website styling for the biography.
   Each rule is the web counterpart of an environment in assets/header.tex.
   The manuscript only ever names a class (e.g. .content-warning); the look
   lives here. */

:root {
  --cw-bg:  #FBEBE9;  --cw-bar:  #B23A2E;
  --an-bg:  #F3EFE2;  --an-bar:  #8C7A4B;
  --tr-bg:  #F6F4EE;  --tr-bar:  #9A8F73;
  --note-bar: #B7B2A6;
  --sum-bar: #CFC9BB;
}

/* --- Centered passages (poem restatement, hymn) --- */
.center { text-align: center; }

/* --- Content warning --- */
.content-warning {
  background: var(--cw-bg);
  border-left: 3px solid var(--cw-bar);
  padding: 0.6rem 0.9rem;
  margin: 1.2rem 0;
  font-style: italic;
}

/* --- Author's note --- */
.authors-note {
  background: var(--an-bg);
  border-left: 3px solid var(--an-bar);
  padding: 0.7rem 0.9rem;
  margin: 1.4rem 0;
}

/* --- Research apparatus ----------------------------------------------- */
/* A figure plus its labelled parts: summary / transcription / translation /
   note. The labels are generated from the class, so the manuscript stays
   clean and any part can be machine-stripped for an LLM profile. */
.research { margin: 1.2rem 0 1.6rem; }
.research > .summary,
.research > .transcription,
.research > .translation,
.research > .note { margin: 0.5rem 0; }

/* Summary: the researcher's description of the figure. The lightest part of
   the apparatus — just a faint bar and a label — but enough to set it apart
   from the surrounding narrative body text. */
.research .summary {
  border-left: 2px solid var(--sum-bar);
  padding: 0.4rem 0.9rem;
}
.research .transcription {
  background: var(--tr-bg);
  border-left: 2px solid var(--tr-bar);
  padding: 0.5rem 0.9rem;
}
.research .translation {
  border-left: 2px solid var(--tr-bar);
  padding: 0.5rem 0.9rem;
  font-style: italic;
}
.research .note {
  border-left: 2px solid var(--note-bar);
  padding: 0.4rem 0.9rem;
  font-size: 0.9em;
  color: #555;
}
/* Wide transcription tables (e.g. the census records) shrink slightly so
   their many columns stay readable. The PDF counterpart is .compact in
   blocks.lua. */
.research .transcription.compact table { font-size: 0.85em; }
/* Auto-labels so you don't have to type "Transcription:" etc. */
.research .summary::before       { content: "Summary"; }
.research .transcription::before { content: "Transcription"; }
.research .translation::before  { content: "Translation"; }
.research .note::before         { content: "Note"; }
.research .summary::before,
.research .transcription::before,
.research .translation::before,
.research .note::before {
  display: block;
  font-size: 0.72em;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-style: normal;
  color: #8a8270;
  margin-bottom: 0.2rem;
}

/* --- Parallel verse: original (left) ↔ translation (right), line-aligned --- */
.verse-parallel { margin: 1.2rem 0; }
.verse-parallel table {
  border-collapse: collapse;
  margin: 0 auto;
  width: auto;
}
.verse-parallel th {
  font-size: 0.72em;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a8270;
  font-weight: 600;
  text-align: left;
  border-bottom: 1px solid #e6e1d5;
  padding: 0 1.8rem 0.3rem 0;
}
.verse-parallel td {
  border: none;
  padding: 0.1rem 1.8rem 0.1rem 0;
  vertical-align: top;
}