:root{--archive-measure: calc(var(--article-max-width) + 3rem)}:root:has(.archive-page[data-columns="2"]){--archive-measure: calc(var(--article-max-width) * 1.45 + 3rem)}.main-content{max-width:var(--archive-measure)}.archive-page{--archive-accent: var(--lavender);--archive-garden-accent: var(--teal);--archive-sticky-top: 0px;--archive-popup-open-delay: .14s;--archive-popup-enter-duration: .16s;--archive-popup-exit-duration: 125ms;--archive-row-gap: 1.25rem;position:relative;display:grid;gap:3.5rem;padding:1.25rem 1.5rem 0}@media(max-width:1023px){.archive-page{--archive-sticky-top: env(safe-area-inset-top)}}@media(max-width:640px){.archive-page{--archive-row-gap: .875rem;gap:2.75rem;padding:1.5rem 1.25rem 0}.archive-groups{gap:2.75rem}}.archive-micro{letter-spacing:.06em}:lang(en) .archive-micro{letter-spacing:.16em}.archive-hero{display:flex;align-items:baseline;gap:1.25rem}.archive-watermark{flex:1 1 auto;min-width:0;container-type:inline-size;overflow:hidden;margin:0;user-select:none;-webkit-user-select:none}.archive-watermark__word{display:block;padding-block:.1em;color:var(--title-text-color);font-family:var(--article-font-family);font-size:10.4cqw;font-weight:400;line-height:.86;letter-spacing:-.05em;white-space:nowrap;transition:color .34s ease}.archive-masthead{position:relative;display:grid;gap:.75rem;margin:0;min-width:0}.archive-masthead__caption{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.5rem;min-width:0;color:color-mix(in oklch,var(--sub-text-color) 75%,transparent);font-family:var(--article-font-family);font-size:.8125rem;line-height:1.5}.archive-masthead__stat{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .6rem;margin:0;white-space:nowrap}.archive-masthead__subject{color:var(--title-text-color)}.archive-masthead__count{color:var(--sub-text-color);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.archive-year{position:relative;display:inline-flex;flex:none;gap:calc(2em / 7);padding:0;border:none;background:none;font-size:.875rem;line-height:1;color:color-mix(in oklch,var(--archive-accent) 40%,transparent);cursor:pointer;transition:color .22s var(--ease-out);&:after{content:"";position:absolute;inset-inline:0;inset-block-end:-.5em;block-size:1px;background:color-mix(in oklch,var(--archive-accent) 26%,transparent);transition:background-color .22s var(--ease-out)}&:is(:hover,:focus-visible){color:color-mix(in oklch,var(--archive-accent) 72%,transparent);&:after{background:color-mix(in oklch,var(--archive-accent) 60%,transparent)}}}.archive-year__digit{display:block;block-size:1em;overflow:hidden}.archive-year__reel{display:block;translate:0 calc(var(--digit, 0) * -1em);transition:translate .62s var(--ease-out);>svg{display:block;block-size:1em;inline-size:calc(5em / 7);shape-rendering:crispEdges}}@media(prefers-reduced-motion:reduce){.archive-year__reel{transition:none}}.archive-group.is-sliced-out{display:none}.archive-page .archive-groups.is-slicing{opacity:0;pointer-events:none;transition-duration:.18s}.archive-masthead__leader{flex:1 1 auto;align-self:center;min-inline-size:1.5rem;block-size:1px;background:repeating-linear-gradient(to right,currentColor 0 2px,transparent 2px 6px);opacity:.28}.archive-masthead__tools{display:flex;flex-wrap:wrap;align-items:center;align-self:center;gap:.6rem 1.5rem}.archive-columns{display:flex;align-items:center;gap:.7rem}.archive-columns__option{display:inline-flex;padding:0;border:none;background:transparent;color:color-mix(in oklch,var(--sub-text-color) 40%,transparent);cursor:pointer;transition:color .14s var(--ease-out);&:hover,&:focus-visible{color:var(--sub-text-color)}&[aria-pressed=true]{color:var(--title-text-color)}}.archive-columns__glyph{display:block;fill:none;stroke:currentColor;stroke-width:1.2}.archive-masthead__topics{display:inline-flex;align-items:center;gap:.35rem;padding:0;border:none;background:transparent;color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;line-height:inherit;white-space:nowrap;transition:color .14s var(--ease-out);&:hover,&:focus-visible{color:var(--archive-accent)}svg{display:block}}.archive-masthead__note{position:absolute;inset-block-start:100%;inset-inline-end:0;margin-block-start:.5rem;max-width:22rem;color:color-mix(in oklch,var(--archive-accent) 65%,var(--sub-text-color));font-family:var(--article-font-family);font-size:.8125rem;line-height:1.5;text-align:end;&[hidden]{display:none}}.archive-page .archive-groups{transition:opacity .34s ease}@supports (anchor-name: --archive-anchor) and (anchor-scope: --archive-anchor){@media(hover:hover)and (pointer:fine)and (min-width:721px){.archive-page:after{content:"";position:fixed;inset:0;z-index:130;background:var(--mantle);background-image:var(--page-texture);background-attachment:fixed;backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity var(--archive-popup-exit-duration) var(--ease-out)}.archive-page[data-preview-state=open]:not([data-view=garden]):not(:has(.archive-topic-picker:popover-open)):after,.archive-page:not([data-preview-state]):not([data-view=garden]):not(:has(.archive-topic-picker:popover-open)):has(.archive-item>.archive-title:hover+.archive-popup):after{opacity:.85;transition-duration:var(--archive-popup-enter-duration);transition-delay:var(--archive-popup-open-delay)}}}.archive-topic-picker{position:fixed;inset:0;box-sizing:border-box;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;overflow:hidden;border:none;background:var(--mantle);background-image:var(--page-texture);background-attachment:fixed;color:inherit;opacity:0;transition:opacity .2s ease,display .26s allow-discrete,overlay .26s allow-discrete}.archive-topic-picker:popover-open{opacity:1;transition:opacity .22s ease}@starting-style{.archive-topic-picker:popover-open{opacity:0}}.archive-topic-picker::backdrop{background:transparent}.archive-topic-picker__body{display:grid;grid-template-rows:auto minmax(0,1fr);gap:1.25rem;box-sizing:border-box;height:100%;max-width:var(--archive-measure);margin-inline:auto;padding:1rem 1.5rem 0}@media(max-width:640px){.archive-topic-picker__body{padding-inline:1.25rem}}.archive-topic-picker__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.archive-topic-picker__title{margin:0;color:var(--sub-text-color);font-family:var(--font-mono);font-size:.6875rem;font-weight:var(--font-weight-semibold);line-height:1.35;text-transform:uppercase}.archive-topic-picker__close{display:grid;place-items:center;width:44px;height:44px;margin-inline-end:-.8rem;padding:0;border:0;background:none;color:var(--sub-text-color);cursor:pointer;transition:color .16s var(--ease-out);&:is(:hover,:focus-visible){color:var(--title-text-color)}}.archive-topic-picker:popover-open .archive-topic-list__item{animation:archive-topic-item-in .3s var(--ease-out) backwards;animation-delay:calc(40ms + var(--i, 0) * 5ms)}@keyframes archive-topic-item-in{0%{opacity:0;translate:0 -.45rem}}.archive-topic-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(12rem,100%),1fr));align-content:start;column-gap:2.5rem;row-gap:0;min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:.25rem 0 calc(1.75rem + env(safe-area-inset-bottom))}.archive-topic-list__band{grid-column:1 / -1;margin:0;padding:1.35rem 0 .45rem;color:var(--sub-text-color);font-family:var(--font-mono);font-size:.6875rem;font-weight:var(--font-weight-semibold);line-height:1.35;text-transform:uppercase;&:first-child{padding-block-start:0}}.archive-topic-list__item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.4rem;align-items:baseline;min-width:0;padding:.7rem 0;color:var(--title-text-color);font-family:var(--article-font-family);font-size:1rem;font-synthesis:none;line-height:1.25;text-decoration:none;transition:color 70ms ease;&:before{content:"#";color:var(--archive-accent);font-family:var(--font-mono);font-size:.78em;font-style:normal}&:hover,&:focus-visible,&[aria-current=page]{transition:color .14s ease;color:var(--archive-accent)}}.archive-topic-list__item--all:before{content:"\2217"}.archive-topic-list__name{min-width:0;overflow-wrap:anywhere}.archive-topic-list__count{color:var(--sub-text-color);font-family:var(--font-mono);font-size:.75rem;font-style:normal;font-variant-numeric:tabular-nums}.archive-garden{display:none;flex-direction:column;gap:.7rem;margin:0}.archive-garden__gate{max-width:22rem}.archive-page[data-view=garden] .archive-garden{display:flex}.archive-page[data-view=garden] :is(.archive-groups,.archive-masthead){display:none}.archive-page[data-view=garden] .archive-year{display:none}.archive-garden__header{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem 1rem}.archive-garden__count{margin:0;color:var(--sub-text-color);font-family:var(--font-mono);font-size:.75rem;font-variant-numeric:tabular-nums;line-height:1.35}.archive-garden :is(.archive-garden__list,.archive-garden__lock,.gate__error){display:none}.archive-garden[data-state=error] .gate__error{display:block}.archive-garden[data-state=unlocked] :is(.archive-garden__list,.archive-garden__lock){display:block}.archive-garden[data-state=unlocked] .archive-garden__gate{display:none}.archive-garden__items{display:grid;margin:0;padding:0;list-style:none}.archive-garden__item{min-width:0;animation:archive-garden-item-in .3s var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 30ms)}@keyframes archive-garden-item-in{0%{opacity:0;translate:0 -.35rem}}.archive-garden a.archive-title{&:hover,&:focus-visible,&:active{color:var(--archive-garden-accent)}&:is(:hover,:focus-visible)>.archive-title__date{color:color-mix(in oklch,var(--archive-garden-accent) 72%,var(--sub-text-color))}}.archive-garden__lock{align-self:start;padding:.25rem 0;border:none;background:transparent;color:var(--sub-text-color);cursor:pointer;font-family:var(--font-mono);font-size:.6875rem;line-height:1.6;text-transform:uppercase;transition:color .14s var(--ease-out);&:hover,&:focus-visible{color:var(--archive-garden-accent)}}.archive-groups{display:grid;gap:3.5rem;min-width:0}.archive-page[data-columns="2"] .archive-groups{display:block;columns:2;column-gap:3rem}.archive-page[data-columns="2"] .archive-group{break-inside:avoid;margin-block-end:3rem}.archive-group{position:relative;min-width:0;scroll-margin-block-start:var(--archive-sticky-top);&.spring{--archive-accent: var(--peach)}&.summer{--archive-accent: var(--green)}&.autumn{--archive-accent: var(--red)}&.winter{--archive-accent: var(--blue)}}.archive-group__header{display:flex;justify-content:flex-end;margin:0 0 -1rem}.archive-group__link{display:block;text-decoration:none;&:is(:hover,:focus-visible) .archive-folio{color:color-mix(in oklch,var(--archive-accent) 46%,transparent)}}.archive-folio{display:block;height:clamp(1.35rem,2.34vw,2.025rem);width:auto;color:color-mix(in oklch,var(--archive-accent) 26%,transparent);transition:color .22s var(--ease-out)}.archive-folio.is-armed{opacity:0;translate:0 .6rem}.archive-folio.is-emerging{animation:archive-folio-rise .76s var(--ease-out) both}@keyframes archive-folio-rise{0%{opacity:0;translate:0 .6rem}}@media(prefers-reduced-motion:reduce){.archive-folio.is-armed{opacity:1;translate:none}}.archive-list{display:grid;margin:0;padding:0;list-style:none}.archive-item{position:relative;min-width:0;anchor-name:--archive-anchor;anchor-scope:--archive-anchor}a.archive-title{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--archive-row-gap);align-items:baseline;max-inline-size:100%;font-size:calc(var(--article-font-size) * .9375);font-weight:var(--article-font-weight);font-family:var(--article-font-family);line-height:1.45;color:var(--title-text-color);padding-block:.5rem;overflow-wrap:anywhere;text-decoration:none;transition:color .14s var(--ease-out);@media(min-width:640px){font-size:calc(var(--article-font-size) * .96875)}@media(pointer:coarse){padding-block:.625rem}&:hover,&:focus-visible{color:var(--archive-accent)}&:active{color:var(--archive-accent);transition:none}}.archive-title__text{min-width:0}.archive-title__date{justify-self:end;color:var(--sub-text-color);font-family:var(--font-mono);font-size:.75rem;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.025em;white-space:nowrap;transition:color .14s var(--ease-out)}a.archive-title:is(:hover,:focus-visible)>.archive-title__date{color:color-mix(in oklch,var(--archive-accent) 72%,var(--sub-text-color))}.archive-popup{--popup-gap: 12px;--popup-hidden-shift: 3px;display:none;position:fixed;position-anchor:--archive-anchor;z-index:141;box-sizing:border-box;bottom:anchor(top);inset-inline-start:anchor(start);border-block-end:var(--popup-gap) solid transparent;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:hidden;overflow-wrap:anywhere;padding:.85rem 1rem .9rem;font-size:var(--article-font-size);font-weight:var(--article-font-weight);line-height:var(--type-body-leading);opacity:0;transform:translateY(var(--popup-hidden-shift));transform-origin:bottom left;pointer-events:none;visibility:hidden;transition:opacity var(--archive-popup-exit-duration) var(--ease-out),transform var(--archive-popup-exit-duration) var(--ease-out),visibility 0s linear var(--archive-popup-exit-duration),content-visibility var(--archive-popup-exit-duration);transition-behavior:allow-discrete;@supports (content-visibility: hidden) and (transition-behavior: allow-discrete){content-visibility:hidden}}@position-try --archive-popup-squeeze{top:.75rem;align-self:end}.archive-popup__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;font-family:var(--article-font-family);color:var(--sub-text-color);:where(p,ul,ol){margin:0 0 .35em;&:last-child{margin-bottom:0}}:where(img,video,iframe,figure,pre){display:none}}.archive-popup__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem;margin:.6rem 0 0;color:var(--sub-text-color);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.04em;line-height:1.5}.archive-popup__tag{color:color-mix(in oklch,var(--archive-accent) 55%,var(--sub-text-color));&:before{content:"#"}}.archive-popup__read{margin-inline-start:auto;font-variant-numeric:tabular-nums;white-space:nowrap}@supports (anchor-name: --archive-anchor) and (anchor-scope: --archive-anchor){@media(hover:hover)and (pointer:fine)and (min-width:721px){.archive-popup{display:block}.archive-item{transition:z-index 0s linear var(--archive-popup-exit-duration);transition-behavior:allow-discrete}.archive-page[data-preview-state]{--archive-popup-open-delay: 0ms}.archive-page[data-preview-switching] .archive-popup{--archive-popup-enter-duration: 125ms;--popup-hidden-shift: 0px}.archive-page:where(:not([data-view=garden]):not(:has(.archive-topic-picker:popover-open))) .archive-item:where([data-preview-active]),.archive-page:where(:not([data-preview-state]):not([data-view=garden]):not(:has(.archive-topic-picker:popover-open))) .archive-item:where(:has(>.archive-title:hover+.archive-popup)){z-index:140;transition-delay:0s;>.archive-title{color:var(--archive-accent)}>.archive-title>.archive-title__date{color:color-mix(in oklch,var(--archive-accent) 72%,var(--sub-text-color))}>.archive-popup{opacity:1;transform:translateY(0);visibility:visible;content-visibility:visible;transition-duration:var(--archive-popup-enter-duration),var(--archive-popup-enter-duration),0s,var(--archive-popup-enter-duration);transition-delay:var(--archive-popup-open-delay)}}.archive-page:where([data-preview-state=open]) .archive-item:where(:not([data-preview-active])),.archive-page:where([data-preview-state=open]) .archive-item:where(:not([data-preview-active]))>.archive-popup{transition:none}.archive-page:is([data-preview-state=scrolling],[data-preview-input=keyboard]){&:after,.archive-item,.archive-popup{transition:none}}.archive-page[data-preview-input=keyboard] .archive-popup{--popup-hidden-shift: 0px}}}:is(.archive-masthead__topics,.archive-columns__option,.archive-group__link,.archive-topic-list__item,.archive-topic-picker__close,.archive-garden__lock,.archive-year,a.archive-title):focus-visible{outline:auto;outline-offset:2px;transition:none}@media(prefers-reduced-motion:reduce){.archive-popup{--popup-hidden-shift: 0px}.archive-topic-picker:popover-open .archive-topic-list__item,.archive-garden__item{animation:none}}