/* Blog typography — extends styles.css. Scoped to post + index pages. */

.post{padding:0 0 96px}
.post .wrap{max-width:720px}

.postbody p{margin:0 0 1.4em;font-size:1.05rem;line-height:1.72}
.postbody h2{margin:2.6em 0 .7em;font-size:1.6rem;line-height:1.25;letter-spacing:-.01em}
.postbody h3{margin:2.2em 0 .6em;font-size:1.2rem}
.postbody ul{margin:0 0 1.6em;padding-left:1.1em}
.postbody li{margin:0 0 .7em;line-height:1.68}
.postbody strong{font-weight:600}
.postbody em{font-style:italic}

.postbody figure{margin:2.6em 0}
.postbody figure img{width:100%;height:auto;display:block}
.postbody figcaption{margin-top:.7em;font-size:.85rem;opacity:.62;font-style:italic}

.postbody blockquote{
  margin:2.2em 0;padding:0 0 0 1.4em;
  border-left:3px solid #E8B23A;
  font-size:1.2rem;line-height:1.5;font-style:italic;
}

.postbody .kicker{font-size:1.15rem;font-style:italic;opacity:.85}

.postbody .datenote{
  font-size:.85rem;letter-spacing:.02em;opacity:.6;font-style:italic;
  margin-bottom:2.4em;padding-bottom:1.2em;
  border-bottom:1px solid rgba(12,46,53,.12);
}

.posttags{
  margin-top:3.5rem;padding-top:1.5rem;
  border-top:1px solid rgba(12,46,53,.15);
  font-size:.85rem;opacity:.68;
}

.backlink{
  display:inline-block;margin-top:2.2rem;
  font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;
}

/* ---- Index page ---- */
.postlist{border-top:1px solid rgba(12,46,53,.15)}
.postrow{
  display:block;padding:2.2rem 0;
  border-bottom:1px solid rgba(12,46,53,.15);
  text-decoration:none;
}
.postrow .ptitle{display:block;font-size:1.45rem;line-height:1.3;margin-bottom:.5rem}
.postrow .pdeck{display:block;font-size:1rem;line-height:1.6;opacity:.75;max-width:62ch}
.postrow .pmeta{
  display:block;margin-bottom:.6rem;
  font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.6;
}

@media (max-width:640px){
  .postbody p{font-size:1rem}
  .postbody h2{font-size:1.35rem}
  .postrow .ptitle{font-size:1.2rem}
}