:root{--content-width:800px;--side-width:192px;--gap-size:40px;--year-width:160px;--border-color:rgba(229,231,235,0.3);--border-color-dark:rgba(55,65,81,0.3);--border-width:1.2px;--posts-border:var(
    --border-color-dark
  )}.dark{--posts-border:var(--border-color)}.posts-container{max-width:var(--content-width);margin:0 auto;width:100%;border-top:var(--border-width) solid var(--posts-border)}.posts-grid{display:grid;grid-template-columns:var(--year-width) 1fr;gap:var(--gap-size);padding:1rem 0;border-bottom:var(--border-width) solid var(--posts-border)}.year-column{color:var(--text-secondary);padding-top:.25rem}.posts-column{display:flex;flex-direction:column;gap:.5rem}.post-link{display:block;text-decoration:none;transition:all .2s ease;padding:.3rem 0;border-bottom:none!important}.post-title{margin:0;flex:1}.post-date,.post-title{color:var(--text-primary);transition:all .2s ease;opacity:.7}.post-date{white-space:nowrap}.post-link:hover .post-date,.post-link:hover .post-title{opacity:1}.post-row{display:flex;justify-content:space-between;align-items:center;gap:2rem}@media (max-width:768px){.posts-grid{grid-template-columns:1fr;gap:1rem;border-bottom:none}.light .posts-container,.posts-container{border-top:none}.year-column{padding-bottom:.5rem;border-bottom:var(--border-width) solid var(--posts-border)}.light .year-column{border-bottom:var(--border-width) solid var(--border-color-dark)}}