.writing-library { max-width: 760px; }
.writing-library .page-head-title { font-family: Georgia, "Times New Roman", serif; font-size: clamp(3rem, 7vw, 4.75rem); font-weight: 400; letter-spacing: -.04em; text-transform: none; line-height: 1.1; }
.writing-library .writing-intro { max-width: 48ch; color: var(--text-color-alt); }
.writing-library h2 { margin-top: 3rem; font-size: .85rem; letter-spacing: .1em; text-transform: uppercase; }
.writing-list { list-style: none; padding: 0; margin: 0; }
.writing-list > li { position: relative; margin: 0; padding: 1.75rem 0; border-bottom: 1px solid rgba(255,255,255,.12); }
.writing-list .writing-title { display: inline-block; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.55rem, 4vw, 2rem); line-height: 1.3; border: 0; color: #eee; }
/* Stretch the title link over its row so the whole entry is tappable. */
.writing-list .writing-title::after { content: ""; position: absolute; inset: 0; }
.writing-list .writing-title:hover { text-decoration: underline; text-underline-offset: .2em; }
.writing-list .writing-meta { margin: .65rem 0 0; font-family: var(--bh-sans); font-size: .78rem; color: var(--text-color-alt); line-height: 1.6; }
.writing-list .writing-description { margin: .6rem 0 0; max-width: 58ch; font-size: .95rem; line-height: 1.75; }
.writing-library .writing-footer { margin-top: 3rem; font-size: .78rem; color: var(--text-color-alt); }