:root{
  --ink:#111110;
  --paper:#f4f3f0;
  --muted:#6d6c68;
  --hairline:#d9d7d2;
}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:17px}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:Georgia,'Times New Roman',serif;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:39rem;margin:0 auto;padding:0 1.4rem}

/* Navigation */
.site-nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  padding:2.4rem 0 0;
  flex-wrap:wrap;
}
.site-nav .lockup{display:block;width:min(230px,56%);height:auto}
.nav-links{display:flex;gap:1.7rem}
.nav-links a{
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size:.7rem;
  font-weight:500;
  letter-spacing:.26em;
  text-transform:uppercase;
  color:var(--ink);
  text-decoration:none;
  border-bottom:1px solid transparent;
  padding-bottom:2px;
}
.nav-links a:hover,.nav-links a.here{border-bottom-color:var(--ink)}

/* Type */
h1{
  font-size:clamp(1.7rem,4.6vw,2.35rem);
  font-weight:400;
  line-height:1.3;
  letter-spacing:.01em;
  max-width:36rem;
}
.lead,.dek{margin-top:1.3rem;font-size:1.12rem;color:var(--muted);font-style:italic}
.hero{padding:3.4rem 0 2.6rem}
.page-head{padding:3rem 0 2.2rem}
section{padding:2.4rem 0}
p + p{margin-top:1.1rem}
a{color:var(--ink);text-underline-offset:3px}
a:hover{opacity:.7}

.label{
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size:.72rem;
  font-weight:500;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:var(--ink);
  margin-bottom:1.2rem;
}

/* Ruler divider */
.rule-divider{border:none;height:14px;position:relative;margin:0}
.rule-divider::before{
  content:"";position:absolute;left:0;right:0;top:50%;
  border-top:1px solid var(--hairline);
}
.rule-divider::after{
  content:"";position:absolute;left:0;top:3px;height:8px;width:1px;
  background:var(--ink);
  box-shadow:14px 0 0 var(--ink),28px 0 0 var(--ink),42px 0 0 var(--ink);
}

/* Essay body */
article{padding:1rem 0 2.2rem}
article p{margin-top:1.15rem}
article p:first-of-type{margin-top:2rem}
.end-mark{
  margin-top:2.2rem;
  font-style:italic;
  color:var(--muted);
}

/* Issue lists */
.issues{list-style:none;margin-top:.2rem}
.issues li{
  padding:.55rem 0;
  border-bottom:1px solid var(--hairline);
}
.issues li:first-child{border-top:1px solid var(--hairline)}
.issues a{font-style:italic;text-decoration:none}
.issues a:hover{text-decoration:underline;opacity:1}
.issues .num{
  font-style:normal;
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size:.7rem;
  letter-spacing:.18em;
  color:var(--muted);
  margin-right:.9rem;
}
.issues .issue-dek{
  display:block;
  font-size:.92rem;
  color:var(--muted);
  font-style:italic;
  margin:.15rem 0 .3rem 0;
}

/* Signup */
.signup-note{color:var(--muted);margin-bottom:1.4rem}
.ml-embedded{max-width:32rem}
.noscript-link a{color:var(--ink)}

/* Utility */
.more-link{
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size:.78rem;
  letter-spacing:.08em;
}
.back-link{
  display:inline-block;
  margin-top:.6rem;
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size:.75rem;
  letter-spacing:.1em;
  text-decoration:none;
  color:var(--muted);
}
.back-link:hover{color:var(--ink)}

/* Footer */
footer{
  padding:2.6rem 0 3.4rem;
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size:.78rem;
  letter-spacing:.06em;
  color:var(--muted);
}
footer a{color:var(--muted)}
.footer-nav{margin-bottom:.6rem}
.footer-nav a{margin-right:1.2rem;text-decoration:none}
.footer-nav a:hover{text-decoration:underline}