/* Writing archive (design: writing.html) */
/* Writing archive — filter bar + single reverse-chronological feed */

/* Hero title/lede sizes come from the sitewide inner-page hero rule in main.css. */

.filterbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-block:1.5rem 2rem;padding-block-end:1.5rem;border-block-end:1px solid var(--line)}
.filterbar .topic{cursor:pointer}
.filterbar .topic[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);border-color:transparent}
.spine{margin-block:2.4rem}
.year{font-size:.72rem;color:var(--ink-faint);font-weight:700}