.filter{border:1px solid var(--line-strong);height:2rem;color:var(--fg-muted);cursor:pointer;border-radius:999px;align-items:center;padding-inline:.85rem;font-size:.85rem;transition:color .2s,border-color .2s,background-color .2s;display:inline-flex}.filter:hover{color:var(--fg)}.filter:has(:checked){background:var(--fg);border-color:var(--fg);color:var(--bg)}.filter:has(:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.timeline:has(input[value=keynote]:checked) :is(article:not([data-type=keynote])),.timeline:has(input[value=roundtable]:checked) :is(article:not([data-type=roundtable])),.timeline:has(input[value=workshop]:checked) :is(article:not([data-type=workshop])),.timeline:has(input[value=course]:checked) :is(article:not([data-type=course])),.timeline:has(input[value=webinar]:checked) :is(article:not([data-type=webinar])),.timeline:has(input[value=interview]:checked) :is(article:not([data-type=interview])),.timeline:has(input[value=keynote]:checked) .year-group:not(:has([data-type=keynote])),.timeline:has(input[value=roundtable]:checked) .year-group:not(:has([data-type=roundtable])),.timeline:has(input[value=workshop]:checked) .year-group:not(:has([data-type=workshop])),.timeline:has(input[value=course]:checked) .year-group:not(:has([data-type=course])),.timeline:has(input[value=webinar]:checked) .year-group:not(:has([data-type=webinar])),.timeline:has(input[value=interview]:checked) .year-group:not(:has([data-type=interview])){display:none}