.archive-timeline{--archive-rail-x:calc(.35rem + 1.5rem);flex-direction:column;display:flex;position:relative}.archive-timeline:before{content:"";z-index:0;background:var(--gray-200);pointer-events:none;inline-size:1px;position:absolute;inset-block:1.1rem 1rem;inset-inline-start:var(--archive-rail-x)}.archive-page .archive-month-section{content-visibility:auto;contain-intrinsic-size:auto 20rem;grid-template-rows:auto auto;grid-template-columns:3rem minmax(0,1fr);align-items:start;gap:0 .55rem;padding:.45rem .35rem 1.8rem;display:grid}.archive-page .archive-month-section+.archive-month-section{margin-block-start:2.4rem}.archive-month-date{z-index:2;color:var(--gray-700);font-variant-numeric:tabular-nums;text-align:center;flex-direction:column;grid-area:1/1;justify-self:center;align-items:center;gap:.08rem;padding:0 .1rem .35rem;display:flex;position:relative}.archive-month-date:before{content:"";z-index:-1;background:var(--body-background);inline-size:2px;position:absolute;inset-block:0;inset-inline-start:50%;transform:translate(-50%)}.archive-month-year{color:var(--gray-500);font-size:.5625rem;line-height:1.15}.archive-month-value{color:var(--body-font-color);letter-spacing:-.01em;font-size:.875rem;font-weight:600;line-height:1.2}.archive-month-count{color:var(--gray-500);font-size:.5625rem;line-height:1.2}.archive-month-rail{grid-area:2/1;justify-content:center;align-self:stretch;display:flex;position:relative}.archive-month-rail .rail-marker{z-index:1;block-size:.95rem;inline-size:.95rem;color:var(--color-link);place-items:center;margin-block-start:0;display:grid;position:relative}.archive-month-rail .rail-marker:before{content:"";z-index:-1;background:var(--body-background);inline-size:2px;position:absolute;inset-block:0;inset-inline-start:50%;transform:translate(-50%)}.archive-month-rail .rail-marker svg{z-index:1;stroke-width:2px;block-size:.78rem;inline-size:.78rem;position:relative;overflow:visible}.archive-month-content{grid-area:2/2;min-inline-size:0}.archive-card-grid{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));align-items:start;gap:.75rem;display:grid}.archive-page .archive-card{border:1px solid var(--gray-200);background:color-mix(in srgb, var(--body-background) 94%, var(--body-font-color));min-inline-size:0;color:inherit;border-radius:.65rem;flex-direction:column;padding:.8rem .9rem .7rem;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative;box-shadow:0 1px 2px #00000008}.archive-page .archive-card:hover{border-color:color-mix(in srgb, var(--color-link) 38%, var(--gray-200));transform:translateY(-1px);box-shadow:0 5px 18px #0000000f}.archive-page .archive-card-title{color:var(--body-font-color);letter-spacing:-.01em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.92rem;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.archive-page .archive-card-meta{color:var(--gray-500);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.3rem .5rem;margin-block-start:.55rem;font-size:.625rem;line-height:1.4;display:flex}.archive-page .archive-card-meta time{font-variant-numeric:tabular-nums;flex:none;order:2;margin-inline-start:auto}.archive-page .archive-card-tags{flex-wrap:wrap;order:1;min-inline-size:0;display:flex}.archive-page .archive-tag{max-inline-size:9rem;color:var(--gray-700);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.archive-page .archive-card[data-title-clipped=true]:after{content:attr(data-full-title);z-index:20;background:var(--body-font-color);inline-size:max-content;max-inline-size:min(24rem,70vw);color:var(--body-background);text-align:left;white-space:normal;overflow-wrap:anywhere;pointer-events:none;opacity:0;visibility:hidden;border-radius:.35rem;padding:.4rem .55rem;font-size:.7rem;font-weight:400;line-height:1.45;transition:opacity .12s,visibility .12s;position:absolute;top:calc(100% + .4rem);left:50%;transform:translate(-50%);box-shadow:0 5px 18px #0000001f}.archive-page .archive-card[data-title-clipped=true]:hover:after,.archive-page .archive-card[data-title-clipped=true]:focus-visible:after{opacity:1;visibility:visible}@media (width<=34rem){.archive-timeline{--archive-rail-x:1.5rem}.archive-page .archive-month-section{padding:0}.archive-card-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:no-preference){.archive-page .archive-card.archive-reveal-ready{opacity:.45;translate:0 14px}.archive-page .archive-card.archive-reveal-ready.is-visible{opacity:1;transition:opacity .52s ease-out,translate .62s cubic-bezier(.2,.6,.2,1),border-color .16s,box-shadow .16s,transform .16s;translate:0}}
