section.vh-archive-main{flex:1;padding:2rem 1rem;background-color:var(--vh-white-color);overflow:hidden}section.vh-archive-main>.archive-list{display:flex;flex-direction:column;gap:1rem}section.vh-archive-main>.archive-list>.archive-list-item{display:flex;flex-direction:column}section.vh-archive-main>.archive-list>.archive-list-item>.archive-year-title{display:flex;align-items:center;width:100%;height:3.75rem;margin:0}section.vh-archive-main>.archive-list>.archive-list-item>.archive-year-title>span{flex-shrink:0;width:5.05rem;font-family:var(--vh-font-serif);color:var(--vh-font-color);font-size:1.5rem;font-weight:600;line-height:3.75rem;text-align:right}section.vh-archive-main>.archive-list>.archive-list-item>.archive-year-title>.line{flex:1;height:1px;margin-left:.5rem;background:linear-gradient(90deg,var(--vh-font-36),transparent)}section.vh-archive-main>.archive-list>.archive-list-item>a{display:flex;align-items:center;width:100%;min-height:2.5rem;border-radius:var(--vh-radius-sm);font-size:1rem;transition:background .18s}section.vh-archive-main>.archive-list>.archive-list-item>a:hover{background-color:var(--vh-font-6)}section.vh-archive-main>.archive-list>.archive-list-item>a:hover>i.dot:before{height:50.66%}section.vh-archive-main>.archive-list>.archive-list-item>a:hover>.entry{padding-left:.28rem}section.vh-archive-main>.archive-list>.archive-list-item>a>.date{flex-shrink:0;width:5.05rem;font-family:var(--vh-font-mono);color:var(--vh-font-66);font-size:.78rem;font-weight:400;font-style:normal;text-align:right}section.vh-archive-main>.archive-list>.archive-list-item>a>i.dot{position:relative;flex-shrink:0;width:2.5rem;height:2.5rem}section.vh-archive-main>.archive-list>.archive-list-item>a>i.dot:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:.4rem;height:.4rem;border:1px solid var(--vh-border-color-strong);background-color:var(--vh-white-color);transition:all .3s}section.vh-archive-main>.archive-list>.archive-list-item>a>i.dot:after{content:"";position:absolute;width:.125rem;height:1rem;left:calc(50% - .0625rem);transform:translateY(-50%);border-left:2px dashed var(--vh-border-color-strong);pointer-events:none}section.vh-archive-main>.archive-list>.archive-list-item>a>.entry{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;padding:.35rem 0;transition:all .18s}section.vh-archive-main>.archive-list>.archive-list-item>a>.entry>.title{flex:1;min-width:0;font-family:var(--vh-font-serif);color:var(--vh-font-color);font-size:1rem;font-weight:600}section.vh-archive-main>.archive-list>.archive-list-item>a>.entry>.read-time{flex-shrink:0;margin-left:auto;padding-left:.75rem;font-family:var(--vh-font-mono);font-size:.72rem;color:var(--vh-font-66);font-weight:400;white-space:nowrap}section.vh-archive-main>.archive-list>.archive-list-item>a>.entry>.summary{flex-basis:100%;margin:.15rem 0 0;font-size:.875rem;color:var(--vh-font-66);font-weight:400}@media screen and (max-width:1198px){section.vh-archive-main>.archive-list>.archive-list-item>a>.entry>.summary{display:none}}@media screen and (max-width:888px){section.vh-archive-main{padding:0;background-color:transparent}section.vh-archive-main>.archive-list>.archive-list-item>.archive-year-title>span{width:3rem;font-size:1.2rem}section.vh-archive-main>.archive-list>.archive-list-item>a>.date{width:3rem;font-size:.8rem}section.vh-archive-main>.archive-list>.archive-list-item>a>i.dot{width:1.8rem}section.vh-archive-main>.archive-list>.archive-list-item>a>.entry>.title{font-size:.88rem}}section.vh-archive-stats{display:flex;padding:1.25rem 0;background-color:var(--vh-white-color)}section.vh-archive-stats .stat-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem}section.vh-archive-stats .stat-item+.stat-item{border-left:1px dashed var(--vh-border-color-strong)}section.vh-archive-stats .stat-item .num{font-family:var(--vh-font-serif);color:var(--vh-main-color);font-size:1.75rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}section.vh-archive-stats .stat-item .unit{color:var(--vh-font-66);font-size:.875rem}@media screen and (max-width:888px){section.vh-archive-stats{padding:1rem 0;background-color:transparent}section.vh-archive-stats .stat-item .num{font-size:1.4rem}}