/* Overrides on top of the science site's /style.css: same bones, lights off.
   The earlier "circa 1997" look is kept in git as the tag archive/quaint. */

body {
  background: #0d0c0b;
  color: #e6e0d0;
}

a, a:visited { text-decoration-color: #6f6a60; }
a:hover { text-decoration-color: currentColor; }

hr { border-top-color: #2c2a26; }

.subtitle { margin-top: 0; color: #8a8478; }
.year { color: #8a8478; }

.piece { margin-bottom: 2.2em; }
.piece h3 { font-size: 1.2em; margin-bottom: 0.2em; }
.piece .notes { margin-top: 0; font-style: italic; color: #b8b2a4; }
.piece .links { font-family: "LM Mono", "Courier New", monospace; font-size: 15px; }

audio {
  width: 100%;
  color-scheme: dark;
}

/* Stand-in for a YouTube iframe; a real embed uses the same box */
.video {
  aspect-ratio: 16 / 9;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #2c2a26;
  color: #6f6a60;
  font-family: "LM Mono", "Courier New", monospace;
  font-size: 15px;
}

/* Catalog of pieces */
table.catalog { width: 100%; border-collapse: collapse; font-size: 0.9em; }
table.catalog th, table.catalog td {
  border-bottom: 1px solid #2c2a26;
  padding: 6px 12px 6px 0;
  text-align: left;
}
table.catalog th { font-weight: normal; font-size: 0.85em; color: #8a8478; }

/* Liner notes: plain monospace, like a CD insert typed on a terminal */
pre.liner {
  font-family: "LM Mono", "Courier New", monospace;
  font-size: 14px;
  line-height: 1.35;
  color: #b8b2a4;
  border-left: 1px solid #3a3732;
  padding: 8px 12px;
  overflow-x: auto;
}

ul.gigs { list-style: none; padding-left: 0; }
ul.gigs .date { font-family: "LM Mono", "Courier New", monospace; font-size: 15px; color: #8a8478; margin-right: 0.6em; }

/* Notebook: dated entries, newest first */
.entry { margin-bottom: 1.6em; }
.entry .date { font-family: "LM Mono", "Courier New", monospace; font-size: 15px; color: #8a8478; margin-bottom: 0.2em; }
.entry .date + p { margin-top: 0; }

/* Home: one short paragraph per section */
.sections h3 { margin-bottom: 0.2em; }
.sections h3 + p { margin-top: 0; }

/* Footer written as sentences */
.colophon p { margin: 0.3em 0; }