/* general styles */
/* -- Page heading ------------------------------------------ */
.pagetitle {
  font-family: var(--serif);
  font-size: clamp(1.4rem, 4vw, 1.9rem);
  font-weight: 700;
  color: var(--ink);
  line-height: 1.2;
  margin-bottom: 2rem;
  margin-top: 1.5em;
}
.subtitle {
	margin-top:1.6em;
  font-size: 1.5rem;
  font-style: italic;
}

p {
	max-width: 600px;
	margin-top:6px;
}
sup {
  font-size:70%;
}

/* historical names block */
.number-block {
  background:#eee;
  padding-bottom:0.5em;
  width:75%;
  margin-top:1em;
}
.number-row {
  display:flex;
  border-bottom:1px solid #772c21;
  padding-bottom:3px;
  margin:0 0.5em 0 0.5em;
}
.number-row > p {
  margin:0.5em 0.5em 0.3em 0.3em;
}
.number-row > p:nth-child(1){
  flex:45%;
}
.number-row > p:nth-child(2){
  flex:4%;
}
.number-row > p:nth-child(3){
  flex:4%;
}

/* traditional prefixes table */
.tradnum-block {
  background:#eee;
  padding-bottom:0.5em;
  width:75%;
  margin-top:1em;
}
.tradnum-row {
  display:flex;
  border-bottom:1px solid #772c21;
  padding-bottom:3px;
  margin:0 0.5em 0 0.5em;
}
.tradnum-row > p {
  margin:0.5em 0.5em 0.3em 0.3em;
}
.tradnum-row > p:nth-child(1){
  flex:20%;
}
.tradnum-row > p:nth-child(2){
  flex:25%;
}
.tradnum-row > p:nth-child(3){
  flex:20%;
}

/* two SI tables */
.si-block {
  background:#eee;
  padding-bottom:0.5em;
  width:75%;
  margin-top:1em;
  margin-bottom:1em;
}
.si-row {
  display:flex;
  border-bottom:1px solid #772c21;
  padding-bottom:3px;
  margin:0 0.5em 0 0.5em;
}
.si-row > p {
  margin:0.5em 0.5em 0.3em 0.3em;
}
.si-row > p:nth-child(1){
  flex:15%;
}
.si-row > p:nth-child(2){
  flex:16%;
}
.si-row > p:nth-child(3){
  flex:70%;
}

/* binary computer table */
.kibi-block {
  background:#eee;
  padding-bottom:0.5em;
  width:30%;
}
.kibi-row {
  display:flex;
  border-bottom:1px solid #772c21;
  padding-bottom:3px;
  margin:0 0.5em 0 0.5em;
}
.kibi-row > p {
  margin:0.5em 0.5em 0.3em 0.3em;
}
.kibi-row > p:nth-child(1){
  flex:15%;
}
.kibi-row > p:nth-child(2){
  flex:15%;
}

/* cited form */
.cf {
  font-style:italic;
}

@media only screen and (max-width: 768px)
{
  .number-block, .tradnum-block, .si-block, .kibi-block {
    width:99%;
  }
}