.main-content{max-width:calc(var(--article-max-width) + 3rem)}.archive-page{--archive-muted: color-mix(in oklch, var(--subtext1) 78%, var(--base));--archive-accent: var(--lavender);position:relative;display:grid;gap:3.5rem;padding:1.25rem 1.25rem 0;@media(max-width:720px){gap:2.25rem}@media(max-width:480px){padding:1rem .875rem 0}}.archive-label{display:flex;align-items:center;border:none;background:transparent;color:var(--subtext0);font:inherit;font-size:var(--article-font-size);font-weight:var(--article-font-weight);font-family:var(--article-font-family);letter-spacing:.05em;overflow-wrap:anywhere}:root.gnix-revealed .archive-page .archive-item{animation:archive-item-fade 1s backwards;animation-delay:calc(var(--i, 0) * 60ms)}:root.gnix-revealed .archive-page .archive-item>.archive-title{animation:archive-title-rise 1s backwards;animation-delay:calc(var(--i, 0) * 60ms)}@keyframes archive-item-fade{0%{opacity:0}}@keyframes archive-title-rise{0%{translate:0 10px}}.archive-hero{anchor-name:--archive-hero;margin:0;min-width:0;max-width:100%;font:inherit;padding:.35rem 0 1.1rem}.archive-hero__title{max-width:100%;padding-inline:0 .5rem;color:var(--text);cursor:pointer;font-size:2rem;letter-spacing:.02em;line-height:1.1;text-align:start;transition:color .16s ease;&:hover,&:focus-visible{color:var(--lavender)}}.archive-page .archive-group{transition:opacity .34s ease}body:has(.archive-page) :is(.navbar,.footer){transition:opacity .34s ease}.archive-page:has(.archive-topic-picker:popover-open){.archive-hero__title{color:var(--archive-accent)}.archive-group{opacity:0;pointer-events:none}}body:has(.archive-topic-picker:popover-open) :is(.navbar,.footer){opacity:0;pointer-events:none}:root:has(.archive-topic-picker:popover-open){overflow:hidden;scrollbar-gutter:stable}@media(hover:hover)and (min-width:721px){.archive-page:after{content:"";position:fixed;inset:0;z-index:130;background:var(--mantle);opacity:0;pointer-events:none;transition:opacity .2s ease}.archive-page:has(:is(.archive-title,.archive-popup):hover):after{opacity:1;transition-duration:.32s}}.archive-topic-picker__body{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}@supports (anchor-name: --a){.archive-topic-picker{position:fixed;position-anchor:--archive-hero;inset:auto;top:anchor(bottom);bottom:0;inset-inline-start:anchor(start);box-sizing:border-box;width:anchor-size(width);height:auto;margin:0;padding:0;overflow:visible;border:none;background:transparent;opacity:0;translate:0 -.6rem;transition:translate .24s cubic-bezier(.4,0,.7,.2),opacity .2s ease,display .26s allow-discrete,overlay .26s allow-discrete}.archive-topic-picker:popover-open{opacity:1;translate:0 0;transition:translate .32s cubic-bezier(.22,1,.36,1),opacity .22s ease}@starting-style{.archive-topic-picker:popover-open{opacity:0;translate:0 -.6rem}}.archive-topic-picker__body{width:100%;height:100%}.archive-topic-picker:popover-open .archive-topic-list__item{animation:archive-topic-item-in .3s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(40ms + var(--i, 0) * 5ms)}}@keyframes archive-topic-item-in{0%{opacity:0;translate:0 -.45rem}}.archive-topic-picker__header{display:flex;flex-wrap:wrap;gap:.35rem 1rem;align-items:center;padding:.75rem 1rem .5rem;h2{margin:0;color:var(--archive-muted);font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.16em;line-height:1.35;text-transform:uppercase;&:before{content:"# ";color:var(--archive-accent)}}}.archive-topic-picker__stats{display:flex;flex-wrap:wrap;gap:.35rem .65rem;margin:0;margin-inline-start:auto;padding:0;color:var(--archive-muted);font-family:var(--font-mono);font-size:.75rem;font-variant-numeric:tabular-nums;line-height:1.35;list-style:none;text-transform:lowercase}.archive-topic-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr));gap:.15rem .35rem;min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:.65rem .52rem;padding-bottom:calc(.65rem + env(safe-area-inset-bottom))}.archive-topic-list__item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.35rem;align-items:baseline;min-width:0;padding:.42rem .48rem;border-radius:4px;color:var(--text);font-family:var(--font-serif);font-size:1rem;font-style:italic;font-synthesis:none;line-height:1.15;text-decoration:none;transition:background-color .14s ease,color .14s ease;&:before{content:"#";color:var(--archive-accent);font-family:var(--font-mono);font-size:.78em;font-style:normal}&:hover,&:focus-visible,&[aria-current=page]{background:color-mix(in oklch,var(--archive-accent) 10%,transparent);color:var(--archive-accent);outline:none}}.archive-topic-list__item--all:before{content:"\2217"}.archive-topic-list__name{min-width:0;overflow-wrap:anywhere}.archive-topic-list__count{color:var(--archive-muted);font-family:var(--font-mono);font-size:.75rem;font-style:normal;font-variant-numeric:tabular-nums}@media(max-width:480px){.archive-topic-picker__header{padding:.65rem .85rem .6rem}.archive-topic-list{padding:.55rem .37rem;padding-bottom:calc(.55rem + env(safe-area-inset-bottom))}}.archive-group{position:relative;min-width:0;padding:.95rem 0 0;&.spring{--archive-accent: var(--peach)}&.summer{--archive-accent: var(--green)}&.autumn{--archive-accent: var(--red)}&.winter{--archive-accent: var(--blue)}}.archive-group__header{margin:0 0 1.25rem;text-transform:lowercase;font-style:italic}.archive-label__num{font-size:.82em}.archive-item{position:relative;text-align:start;anchor-name:--archive-anchor;anchor-scope:--archive-anchor}.archive-popup{--popup-gap: 12px;--popup-hidden-shift: 3px;position:fixed;position-anchor:--archive-anchor;z-index:141;box-sizing:border-box;bottom:anchor(top);inset-inline-start:anchor(start);margin-block-end:var(--popup-gap);position-try-fallbacks:--archive-popup-squeeze;inline-size:fit-content;min-inline-size:min(20rem,calc(100vw - 2rem));max-inline-size:min(34rem,calc(100vw - 24px));max-block-size:50dvh;overflow:auto;overflow-wrap:anywhere;padding:.85rem 1rem .9rem;opacity:0;transform:translateY(var(--popup-hidden-shift));pointer-events:none;visibility:hidden;transition:opacity .12s ease,transform .14s cubic-bezier(.22,1,.36,1),visibility 0s linear .14s;@media(hover:none),(max-width:720px){display:none!important}}@supports not (anchor-name: --a){.archive-popup{display:none!important}}@position-try --archive-popup-squeeze{top:.75rem;align-self:end}.archive-popup__excerpt{font-family:var(--article-font-family);font-style:italic;:where(p,ul,ol){margin:0 0 .35em;&:last-child{margin-bottom:0}}:where(img,video,iframe,figure,pre){display:none}}.archive-popup__read{margin:.5rem 0 0;color:var(--archive-muted);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-align:end}.archive-item:has(:is(.archive-title,.archive-popup):hover){z-index:140;>.archive-popup{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible;transition:opacity .14s ease .18s,transform .18s cubic-bezier(.22,1,.36,1) .18s,visibility 0s linear .18s}}a.archive-title{--archive-date-col: 3.2rem;--archive-date-gap: .35rem;display:block;inline-size:fit-content;font-size:calc(var(--article-font-size) * .95);font-weight:var(--article-font-weight);font-family:var(--article-font-family);max-inline-size:100%;color:color-mix(in oklch,var(--text) 82%,var(--base));padding-block:.6rem;padding-inline:calc(var(--archive-date-col) + var(--archive-date-gap)) .35rem;text-indent:calc(-1 * (var(--archive-date-col) + var(--archive-date-gap)));line-height:1.45;overflow-wrap:anywhere;transition:color .14s ease;@media(max-width:480px){padding-block:.7rem;padding-inline:calc(var(--archive-date-col) + var(--archive-date-gap)) .5rem}&:hover,&:focus-visible{color:var(--archive-accent);outline:none}}.archive-title__date{display:inline-block;min-width:var(--archive-date-col);margin-inline-end:var(--archive-date-gap);color:var(--archive-muted);font-family:var(--font-mono);font-size:.75rem;font-variant-numeric:tabular-nums;text-indent:0;transition:color .14s ease;a.archive-title:hover &,a.archive-title:focus-visible &{color:color-mix(in oklch,var(--archive-accent) 72%,var(--archive-muted))}}