.writing-index{display:flex;flex-direction:column;gap:var(--space-5);max-width:50rem;margin:var(--space-3) auto 0}.writing-heading{margin:0 0 var(--space-2);color:var(--ink);font-family:var(--font-sans);font-size:1.125rem;font-weight:var(--weight-body)}.posts-container{width:100%;border-top:1px solid var(--hairline)}.posts-grid{display:grid;grid-template-columns:10rem 1fr;gap:2.5rem}.posts-grid,.posts-list{padding:1rem 0;border-bottom:1px solid var(--hairline)}.posts-list{display:flex;flex-direction:column;gap:.5rem}.year-column{padding-top:.25rem;color:var(--ink-muted)}.posts-column{display:flex;flex-direction:column;gap:.5rem}.post-link{display:block;padding:.3rem 0;text-decoration:none}.post-row{display:flex;justify-content:space-between;align-items:baseline;gap:2rem}.post-title{flex:1;margin:0;color:var(--ink)}.post-date{color:var(--ink);white-space:nowrap}.post-date,.post-title{opacity:.7;transition:opacity .2s ease}.post-link:focus-visible .post-date,.post-link:focus-visible .post-title,.post-link:hover .post-date,.post-link:hover .post-title{opacity:1}@media (max-width:768px){.posts-grid{grid-template-columns:1fr;gap:.75rem}}