.posts-container{position:relative;max-width:900px;margin-inline:auto;padding:1rem 0}.posts-container:before{content:"";position:absolute;left:50%;top:1.5rem;bottom:1.5rem;width:1px;background:linear-gradient(var(--accent-color),var(--accent-color-secondary));opacity:.55}.post-card{--current-stop: var(--stop-color,var(--accent-color));position:relative;display:grid;grid-template-columns:minmax(0,1fr) 3rem 1px 3rem minmax(0,1fr);margin-bottom:2.3rem;min-width:0}.post-card:last-child{margin-bottom:0}.timeline-content{grid-column:5;min-width:0;padding:0 .15rem}.even-post .timeline-content{grid-column:1;grid-row:1;text-align:right}.timeline-dot{position:absolute;top:.55rem;left:calc(50% - 4px);width:9px;height:9px;border-radius:50%;background:var(--current-stop);box-shadow:0 0 0 4px color-mix(in srgb,var(--current-stop) 20%,transparent),0 0 10px color-mix(in srgb,var(--current-stop) 13%,transparent);transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease}.timeline-branch{position:absolute;left:50%;top:.8rem;width:2.4rem;height:1px;background:linear-gradient(to right,var(--current-stop),transparent);opacity:.6}.even-post .timeline-branch{left:auto;right:50%;background:linear-gradient(to left,var(--current-stop),transparent)}.post-link{text-decoration:none;color:inherit;display:block}.post-card h2{color:var(--current-stop);font-size:1.25rem;line-height:1.3;margin:0 0 .25rem;overflow-wrap:anywhere;text-wrap:pretty;transition:color .16s ease}.post-card:has(:focus-visible),.post-card:hover{--current-stop: var(--stop-hover,var(--accent-color-secondary))}.post-card:has(:focus-visible) .timeline-dot,.post-card:hover .timeline-dot{transform:scale(1.2);box-shadow:0 0 0 4px color-mix(in srgb,var(--current-stop) 40%,transparent),0 0 15px color-mix(in srgb,var(--current-stop) 13%,transparent)}.post-card:has(:focus-visible) .post-meta,.post-card:hover .post-meta{color:var(--current-stop)}.post-excerpt{font-size:.9rem;line-height:1.5;margin:.25rem 0;color:#b8b8b8}.post-meta{font-size:.75rem;color:#aaa;margin:.65rem 0 0}.even-post .post-tags{justify-content:flex-end}.pinned-label{display:block;font-size:.7rem;color:var(--accent-color);margin-bottom:.35rem}.lock-icon{font-size:.75em}.timeline-compact .post-card{margin-bottom:1.1rem}.timeline-compact .post-card:last-child{margin-bottom:0}.timeline-compact h2{font-size:1.2rem}.timeline-compact .post-excerpt{font-size:.85rem;margin:.15rem 0 0}.page-home .timeline-compact{padding:1.5rem 0}.page-home .timeline-compact:before{top:.5rem;bottom:.5rem;width:2px;opacity:.7;transform:translate(-50%)}.page-home .timeline-compact .post-card{grid-template-columns:minmax(0,1fr) 5.625rem 1px 5.625rem minmax(0,1fr);min-height:2.5rem;margin-bottom:1.2rem}.page-home .timeline-compact .post-card:last-child{margin-bottom:0}.page-home .timeline-compact .timeline-content{max-width:350px}.page-home .timeline-compact .timeline-dot{width:10px;height:10px;left:calc(50% - 5px)}.page-home .timeline-compact .timeline-branch{width:5rem}.page-home .timeline-compact h2{font-size:1.4rem;font-weight:600;margin-bottom:.05rem}.page-home .timeline-compact .post-excerpt{font-size:.9rem;line-height:1.3}.no-posts{grid-column:1/-1;padding:2rem 0;text-align:center;background:var(--bg-color);position:relative}@media(max-width:700px){.posts-container{padding:.5rem 0}.posts-container:before{left:5px;top:1rem;bottom:1rem}.post-card{display:block;margin-bottom:1.7rem;padding-left:2rem}.timeline-content,.even-post .timeline-content{text-align:left}.timeline-dot{left:1px;top:.5rem}.timeline-branch,.even-post .timeline-branch{left:5px;right:auto;width:1.4rem;top:.75rem;background:linear-gradient(to right,var(--current-stop),transparent)}.post-card h2{font-size:1.12rem}.post-tags,.even-post .post-tags{justify-content:flex-start;gap:.35rem;margin-top:.6rem}.post-meta{font-size:.75rem;line-height:1.6}.timeline-compact .post-card{margin-bottom:1.05rem}.timeline-compact h2{font-size:1.1rem}.page-home .timeline-compact{padding:.7rem 0}.page-home .timeline-compact .post-card{min-height:0}.page-home .timeline-compact .timeline-content{max-width:none}.page-home .timeline-compact .timeline-dot{left:0}.page-home .timeline-compact .timeline-branch{width:1.4rem}.page-home .timeline-compact h2{font-size:1.2rem}}