.idx{padding-top:calc(var(--s9) + 40px);min-height:100vh}.idx__head{justify-content:space-between;align-items:flex-end;gap:var(--s6);margin-bottom:var(--s7);flex-wrap:wrap;display:flex}.idx__label{opacity:.66;margin-bottom:var(--s5)}.idx__title{font-size:var(--text-4xl)}.idx__title em{font-family:var(--font-serif);font-style:italic;font-weight:380}.idx__count{opacity:.7;padding-bottom:var(--s3)}.idx__search{margin-bottom:var(--s5)}.idx__search label{margin-bottom:var(--s3);opacity:.66;display:block}.idx__search input{border:1px solid var(--ink-30);border-radius:var(--r-pill);width:100%;max-width:460px;color:var(--ink);font-family:var(--font-text);font-size:var(--text-md);padding:var(--s4) var(--s5);transition:border-color var(--t-fast) var(--ease-out);background:0 0}.idx__search input::placeholder{color:var(--ink-30)}.idx__search input:hover{border-color:var(--ink-60)}.idx__search input:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-color:var(--ink)}.idx__filters{gap:var(--s3);padding-block:var(--s5) var(--s7);z-index:30;background:color-mix(in srgb, var(--mint) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap;display:flex;position:sticky;top:0}.idx__filter{padding:var(--s3) var(--s5)}.idx__list{padding-bottom:var(--s9)}.idxrow{gap:var(--s6);padding-block:var(--s5);border-top:1px solid var(--ink-12);grid-template-columns:3rem 132px 1fr auto;align-items:center;text-decoration:none;display:grid}.idx__list>li:last-child .idxrow{border-bottom:1px solid var(--ink-12)}.idxrow__num{opacity:.62}.idxrow__thumb{aspect-ratio:3/2}.idxrow__cats{opacity:.7;margin-bottom:var(--s2);display:block}.idxrow__title{font-size:var(--text-xl);max-width:52ch;transition:opacity var(--t-fast);display:block}.idxrow:hover .idxrow__title{opacity:.62}.idxrow__meta{opacity:.66;margin-top:var(--s2);display:block}.idxrow__arrow{font-size:var(--text-xl);opacity:0;transition:opacity var(--t-fast), transform var(--t-normal) var(--ease-out);transform:translate(-10px)}.idxrow:hover .idxrow__arrow{opacity:1;transform:none}.idx__empty{padding-block:var(--s8);font-style:italic;font-size:var(--text-xl)}.idx__empty button{font:inherit}@media (max-width:720px){.idxrow{grid-template-columns:88px 1fr}.idxrow__num,.idxrow__arrow{display:none}.idxrow__thumb{aspect-ratio:1}}
