/* Overrides on top of the science site's /style.css: same bones, lights off. */

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

a { color: #9db8e8; }
a:visited { color: #b9a3d9; }
a:active { color: #e8a87c; }

hr {
  border-top: 1px solid #2c2a26;
  border-bottom: 0;
  width: 60%;
}

.piece {
  max-width: 560px;
  margin: 0 auto 2.2em;
}
.piece h3 { font-size: 1.2em; margin-bottom: 0.2em; }
.piece .year { font-weight: normal; }
.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;
  background: #161513;
  color: #6f6a60;
  font-family: "LM Mono", "Courier New", monospace;
  font-size: 15px;
}

.subtitle { margin-top: 0; color: #b8b2a4; }

/* Running text reads better left-aligned in a narrow centered column */
.prose {
  max-width: 600px;
  margin: 0 auto;
  text-align: left;
}
.prose h3 { font-size: 1.1em; margin: 1.6em 0 0.4em; }

ul.recent { list-style: none; padding: 0; }
ul.recent li { margin-bottom: 0.4em; }
.year { color: #8a8478; }

/* Catalog of pieces: the science site's bevelled table, lights off */
table.catalog {
  margin: 0 auto;
  border: 3px outset #4a4740;
  border-spacing: 3px;
  background: #2c2a26;
  font-size: 0.9em;
}
table.catalog th, table.catalog td {
  border: 2px inset #4a4740;
  padding: 3px 10px;
  background: #161513;
  text-align: left;
}
table.catalog th {
  background: #2c2a26;
  font-family: "LM Mono", "Courier New", monospace;
  font-weight: normal;
  font-size: 15px;
  color: #b8b2a4;
}

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

.prose ul { padding-left: 1.2em; }
.prose li { margin-bottom: 0.4em; }