/* ponytail: hand-written minimal CSS, in the spirit of the inspo sites */
body {
  max-width: 42rem;
  margin: 2rem auto;
  padding: 0 1rem;
  font-family: system-ui, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.55;
  color: #1a1a1a;
  background: #fffdf7;
}
header { display: flex; justify-content: space-between; align-items: baseline; }
h1 { font-size: 1.4rem; font-family: Georgia, "Times New Roman", serif; }
a { color: inherit; } /* black in all states, :visited included — b&w site */
h1 a { text-decoration: none; }
h3 { margin-bottom: 0.2rem; }
ul.gigs { list-style: none; padding-left: 0; }
ul.gigs li { margin-bottom: 0.4rem; }
li.pick { background: #fff3b0; padding: 0.2rem 0.4rem; }
.intro { font-style: italic; }
/* ponytail: cap by viewport height so a portrait upload can't eat the whole screen */
.intro-image { max-width: 100%; max-height: 45vh; height: auto; display: block; margin: 1rem 0; }
.comment { color: #555; font-style: italic; }
.links { font-size: 0.85rem; }