.article-year-nav{position:sticky;top:var(--archive-header-height,86px);z-index:30;display:flex;align-items:center;gap:20px;padding:12px 16px;margin-bottom:32px;background:#f8f4ed;border-block:1px solid #b59ac3;box-shadow:0 6px 14px #301c3c0a;font:600 13px/1.5 var(--sans)}
.article-current-year{white-space:nowrap;color:var(--purple)}
.article-year-links{display:flex;gap:6px;overflow-x:auto;min-width:0;scrollbar-width:thin}
.article-year-links a{display:inline-flex;align-items:center;white-space:nowrap;min-height:44px;padding:8px 12px;color:var(--ink);text-decoration:none}
.article-year-links a:hover,.article-year-links a[aria-current]{background:var(--purple);color:#fff}
.year-count{font-size:11px;margin-left:4px;font-weight:400}
.collection-articles .article-year-heading{grid-column:1/-1;border-bottom:1px solid #b59ac3;padding:20px 0 16px;scroll-margin-top:calc(var(--archive-header-height,86px) + var(--archive-nav-height,70px) + 16px - var(--archive-scroll-padding,88px))}
.article-year-heading span{font:400 13px/1.5 var(--sans);letter-spacing:normal;color:var(--muted);margin-left:14px}
@media(max-width:640px){.article-year-nav{gap:10px;padding:8px;margin-bottom:20px}.year-count{display:none}.article-year-links a{padding-inline:10px}.article-current-year{font-size:12px}}

/* Keep archive search secondary to the writing and year navigation. */
.collection-page .collection-search{max-width:640px;margin-inline:auto;padding:0;background:transparent;gap:12px;flex-direction:row;align-items:flex-end}
.collection-page .collection-search label{margin-bottom:6px;font-size:12px}
.collection-page .collection-search input{min-height:44px;height:44px;padding:9px 12px;font-size:13px}
.collection-page .collection-search .button{min-height:44px;height:44px;padding:9px 18px;font-size:13px;white-space:nowrap}
.collection-page .collection-search>div:first-child{width:auto;min-width:0}
@media(max-width:640px){.collection-page .collection-search{gap:8px}.collection-page .collection-search .button{padding-inline:12px}}
.collection-page .collection-results{justify-content:center;flex-wrap:wrap;text-align:center}

/* A faint editorial motif introduces the archive without following the cards. */
.collection-page .collection-browse{position:relative;isolation:isolate}
.collection-page .collection-browse::before{content:'';position:absolute;top:24px;left:0;right:0;height:340px;background:url('../images/article-pages.svg') center/850px auto no-repeat;opacity:.075;pointer-events:none;z-index:-1}
@media(max-width:640px){.collection-page .collection-browse::before{top:20px;height:390px;background-size:600px auto;opacity:.05}}
/* An editorial year summary balances the final unpaired article. */
.article-year-summary{display:flex;flex-direction:column;align-items:flex-start;padding:30px;border:1px solid #cfbddd;background:linear-gradient(135deg,#f8f4ed,#eee5f1);position:relative;isolation:isolate;overflow:hidden}
.article-year-summary::before{content:'';position:absolute;inset:0;background:url('../images/article-pages.svg') right bottom/650px auto no-repeat;opacity:.07;z-index:-1;pointer-events:none}
.article-year-summary .eyebrow{color:var(--purple);margin-bottom:18px}
.collection-articles .article-year-summary h3{font-size:clamp(30px,3vw,42px);margin-bottom:20px}
.article-year-summary>p:not(.eyebrow){font-size:14px;color:var(--muted);margin:0 0 12px}
@media(max-width:640px){.article-year-summary{padding:24px}}/* Consistent preview blocks, with an ellipsis when the text continues. */
.collection-articles .article-preview-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-align:left;text-align-last:auto;word-spacing:normal;hyphens:none;min-height:5.4em;line-height:1.8}
@media(max-width:640px){.collection-articles .article-preview-excerpt{-webkit-line-clamp:4;min-height:7.2em;text-align:left}}