.archive-main-card{max-width:900px;margin:0 auto;padding:2rem;position:relative}.archive-top{margin-bottom:3rem;margin-left:120px}.main-title-bar{margin-bottom:1rem}.article-title{font-size:2.5rem;font-weight:700;margin:0;color:var(--color-text)}.archives-description{color:var(--color-text-light);font-size:1.125rem;line-height:1.7}.year-line{display:grid;grid-template-columns:80px 40px 1fr;align-items:center;gap:0;margin:2rem 0 1.5rem;position:relative}.year-num{font-size:1.75rem;font-weight:700;color:var(--color-text);text-align:right;padding-right:1rem}.dot-wrapper{display:flex;align-items:center;justify-content:center;align-content:center;position:relative;z-index:2;height:100%}.dot-wrapper::after{content:'';position:absolute;left:19px;top:50%;width:2px;height:calc(50% + 1.5rem + .625rem);background-image:repeating-linear-gradient(to bottom,var(--color-border) 0,var(--color-border) 4px,transparent 4px,transparent 8px);z-index:-1}.year-group:last-child .dot-wrapper::after{display:none}.year-line .dot{width:12px;height:12px;border-radius:50%;background:var(--color-primary);border:3px solid var(--color-bg);box-shadow:0 0 0 2px var(--color-primary);align-content:center;position:relative;z-index:3}.article-count{font-size:.875rem;color:var(--color-text-light);padding-left:1rem}.archive-article-link{display:grid;grid-template-columns:80px 40px 1fr auto;align-items:center;gap:0;padding:.625rem 0;color:var(--color-text);position:relative;transition:all .2s;cursor:pointer}.archive-article-link:hover{color:var(--color-primary)}.archive-article-link .date{font-size:.875rem;font-weight:500;color:var(--color-text-light);font-variant-numeric:tabular-nums;text-align:right;padding-right:1rem}.archive-article-link .line{display:flex;align-items:center;justify-content:center;padding-left:0;position:relative;z-index:2;height:100%}.archive-article-link .line::after{content:'';position:absolute;left:19px;top:100%;width:2px;height:calc(50% + .625rem);background-image:repeating-linear-gradient(to bottom,var(--color-border) 0,var(--color-border) 4px,transparent 4px,transparent 8px);z-index:-1}.archive-article-link:has(+.year-line) .line::after,.archive-main-card>.archive-article-link:last-child .line::after{display:none}.archive-article-link .line .dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-light);transition:all .2s;position:relative;z-index:3}.archive-article-link:hover .line .dot{background:var(--color-primary);transform:scale(1.8)}.archive-article-link .title{min-width:0;padding-left:1rem;position:relative}.archive-article-link .title-inner{font-size:1rem;font-weight:500;line-height:1.5;transition:color .2s;color:var(--color-text);text-decoration:none}.archive-article-link .title-inner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.archive-article-link:hover .title-inner{color:var(--color-primary)}.archive-article-link .tags{display:flex;flex-wrap:wrap;gap:.375rem;justify-content:flex-end;padding-left:1rem;position:relative;z-index:2}.archive-article-link .tag{background:var(--color-surface);color:var(--color-text-light);border:1px solid var(--color-border);padding:.125rem .5rem;border-radius:6px;font-size:.75rem;font-weight:400;transition:all .2s;white-space:nowrap;text-decoration:none;display:inline-block}.archive-article-link .tag:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}@media(max-width:640px){.archive-main-card{padding:1rem}.archive-main-card::before{left:77px;top:8rem}.archive-top{margin-left:80px;margin-bottom:2rem}.article-title{font-size:2rem}.archives-description{font-size:1rem}.year-line{grid-template-columns:60px 30px 1fr}.year-num{font-size:1.5rem;padding-right:.5rem}.archive-article-link{grid-template-columns:60px 30px 1fr}.archive-article-link .date{padding-right:.5rem;font-size:.813rem}.archive-article-link .line{padding-left:12px}.archive-article-link .title{padding-left:.5rem}.archive-article-link .title-inner{font-size:.938rem}.archive-article-link .tags{grid-column:3/4;margin-top:.5rem;justify-content:flex-start;padding-left:.5rem}}@media(max-width:480px){.archive-top{margin-left:60px}.article-title{font-size:1.75rem}.year-line{grid-template-columns:50px 25px 1fr}.archive-article-link{grid-template-columns:50px 25px 1fr}}