.letter-intro h1{margin-bottom:.5rem}
.letter-intro .opening p:first-child{font:1.45rem/1.45 Georgia,serif}
.letter-archive{border-top:1px solid var(--line);padding-block:3rem}
.letter-archive h2{margin-bottom:1.5rem}
.letter-empty{font:1.25rem/1.5 Georgia,serif;max-width:40rem}
.letter-issues{list-style:none;margin:0;padding:0;max-width:52rem}
.letter-issues li{border-top:1px solid var(--line)}
.letter-issues a{display:grid;gap:.3rem;padding-block:1.1rem;text-decoration:none}
.letter-issues a:hover .la-title{text-decoration:underline}
.la-meta{font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:#535a60}
.la-title{font-size:1.5rem;letter-spacing:-.02em}
.la-dek{font:1.05rem/1.5 Georgia,serif;color:#353b3f}
.letter-gift{border-top:1px solid var(--line);padding-top:3rem}
.letter-paying{border-top:1px solid var(--line);padding-block:3rem}
.letter-paying h2{margin-bottom:1rem}
.letter-paying ul{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem}
.letter-paying a{display:grid;gap:.35rem;height:100%;padding:1rem 1.1rem;border:1px solid #192023;text-decoration:none;background:#fff}
.letter-paying a:hover{outline:2px solid var(--blue)}
.lp-name{font-weight:700}
.lp-what{font-size:1rem;line-height:1.45;color:#353b3f}
.lp-price{font-weight:600;color:var(--blue)}
.letter-issue{max-width:46rem;padding-block:3rem}
.letter-issue h1{font-size:clamp(2.4rem,5vw,4.2rem);margin-bottom:2rem}
.li-picture{margin:0 0 2rem}
.li-body p{font:1.2rem/1.65 Georgia,serif}
.li-next a{font-weight:600}
.li-made{font-size:.9rem;color:#535a60;margin-top:2rem}
.li-nav{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:1.2rem;margin-top:2rem}
@media(max-width:800px){.letter-archive,.letter-paying{padding-block:2.5rem}.letter-issue{padding-block:2rem}}