:root{
  --paper:#f2eee4;
  --ink:#15130f;
  --rule:#c3bba7;
  --quiet:#6c6555;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,"Times New Roman",serif;
  font-size:18px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:34rem;margin:0 auto;padding:2.4rem 1.4rem 4rem}
.eyebrow{
  font-family:ui-sans-serif,-apple-system,"Helvetica Neue",Arial,sans-serif;
  font-size:.66rem;
  letter-spacing:.19em;
  text-transform:uppercase;
  color:var(--quiet);
  display:flex;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
}
h1{
  font-size:1.9rem;
  line-height:1.1;
  letter-spacing:.14em;
  font-weight:400;
  margin:1.5rem 0 .35rem;
  text-transform:uppercase;
}
.epithet{font-size:1.06rem;font-style:italic;margin:0 0 .2rem}
.latin{font-size:.95rem;color:var(--quiet);margin:0}
hr{border:0;border-top:1px solid var(--rule);margin:1.7rem 0}
p{margin:0 0 1.05rem}
.spec{
  font-family:ui-sans-serif,-apple-system,"Helvetica Neue",Arial,sans-serif;
  font-size:.7rem;
  letter-spacing:.11em;
  text-transform:uppercase;
  border-collapse:collapse;
  width:100%;
  margin:1.9rem 0 0;
}
.spec th,.spec td{text-align:left;padding:.44rem 0;border-bottom:1px solid var(--rule);vertical-align:top}
.spec th{color:var(--quiet);font-weight:400;width:6.1rem;letter-spacing:.12em}
.spec td{letter-spacing:.075em}
.spec tr:last-child th,.spec tr:last-child td{border-bottom:0}
.teaser{
  font-family:ui-sans-serif,-apple-system,"Helvetica Neue",Arial,sans-serif;
  font-size:.72rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--quiet);
  border-left:2px solid var(--rule);
  padding-left:.9rem;
  margin:1.6rem 0 0;
}
.teaser span{display:block}
nav{margin-top:2.6rem;font-size:.82rem}
nav a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule)}
a{color:var(--ink)}
.list{list-style:none;padding:0;margin:1.8rem 0 0}
.list li{border-top:1px solid var(--rule);padding:.9rem 0}
.list a{text-decoration:none;display:block}
.list .n{font-size:1.02rem;letter-spacing:.12em;text-transform:uppercase}
.list .e{font-size:.88rem;color:var(--quiet);font-style:italic}
.list .a{
  font-family:ui-sans-serif,-apple-system,"Helvetica Neue",Arial,sans-serif;
  font-size:.64rem;letter-spacing:.14em;color:var(--quiet);text-transform:uppercase;
}
.colophon{
  margin-top:3rem;padding-top:1.1rem;border-top:1px solid var(--rule);
  font-family:ui-sans-serif,-apple-system,"Helvetica Neue",Arial,sans-serif;
  font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--quiet);line-height:1.8;
}
@media (prefers-color-scheme:dark){
  :root{--paper:#141310;--ink:#ece6d8;--rule:#3b3730;--quiet:#948c7b}
}