.archive-layout{gap:2rem;display:grid}@media (width>=64rem){.archive-layout{grid-template-columns:minmax(15rem,.28fr) minmax(0,.72fr);align-items:start;gap:2.5rem}}.filter-drawer__panel{border:1px solid var(--color-line);border-radius:var(--radius-card);background-color:#fff;padding:1.5rem}.filter-drawer__close,.filter-drawer__done,.filter-drawer__backdrop{display:none}@media (width>=64rem){.filter-drawer{top:calc(var(--hdr-top-compact,14px) + var(--hdr-h-compact,62px) + 1.5rem);position:sticky}.filter-drawer__panel{max-height:calc(100dvh - var(--hdr-top-compact,14px) - var(--hdr-h-compact,62px) - 3rem);overscroll-behavior:contain;overflow-y:auto}}@media (width<=63.99rem){.filter-drawer{z-index:80;visibility:hidden;pointer-events:none;position:fixed;inset:0}.filter-drawer.is-open{visibility:visible;pointer-events:auto}.filter-drawer__backdrop{background-color:color-mix(in srgb, var(--color-panel) 55%, transparent);opacity:0;border:0;transition:opacity .3s;display:block;position:absolute;inset:0}.filter-drawer__panel{overscroll-behavior:contain;border-radius:0 var(--radius-card) var(--radius-card) 0;border:0;width:min(24rem,100% - 2.5rem);transition:transform .35s cubic-bezier(.22,.61,.36,1);position:absolute;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}.filter-drawer.is-open .filter-drawer__backdrop{opacity:1}.filter-drawer.is-open .filter-drawer__panel{transform:none}.filter-drawer__close{border:1px solid var(--color-line);width:44px;height:44px;color:var(--color-ink-dark);border-radius:9999px;place-items:center;display:grid}.filter-drawer__done{display:block}}.filter-check{border-radius:var(--radius-control);cursor:pointer;align-items:center;gap:.75rem;min-height:40px;margin-inline:-.5rem;padding:.25rem .5rem;transition:background-color .2s;display:flex}.filter-check:hover{background-color:var(--color-brand-soft)}.filter-check__box{width:18px;height:18px;accent-color:var(--color-brand-strong);flex:none}@media (width>=64rem){.filter-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--color-brand) 45%, transparent) transparent;max-height:12.5rem;margin-inline:-.5rem;padding:.125rem .5rem;overflow-y:auto}.filter-scroll[data-more-below]{mask-image:linear-gradient(#000 calc(100% - 2rem),#0003)}.filter-scroll[data-more-above]{mask-image:linear-gradient(0deg,#000 calc(100% - 2rem),#0003)}.filter-scroll[data-more-above][data-more-below]{mask-image:linear-gradient(#0003,#000 2rem calc(100% - 2rem),#0003)}.filter-scroll__more{align-items:center;gap:.375rem;min-height:2rem;margin-top:.5rem;display:inline-flex}}@media (width<=63.99rem){.filter-scroll__more{display:none}}.filter-chip{border:1px solid var(--color-line);border-radius:var(--radius-control);min-height:44px;color:var(--color-ink-dark);cursor:pointer;background-color:#fff;justify-content:center;align-items:center;gap:.25rem;padding:.5rem;font-size:.875rem;font-weight:500;transition:background-color .2s,border-color .2s,color .2s;display:flex}.filter-chip:hover{border-color:var(--color-brand-strong)}.filter-chip.is-on{border-color:var(--color-brand);background-color:var(--color-brand);color:#fff}.filter-chip:has(input:focus-visible){outline:2px solid var(--color-brand-strong);outline-offset:2px}.filter-link{color:var(--color-brand-strong);text-underline-offset:4px;font-size:.875rem;font-weight:500}.filter-link:hover{text-decoration:underline}.filter-active-chip{background-color:var(--color-brand-soft);min-height:36px;color:var(--color-brand-deep);border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .875rem;font-size:.875rem;font-weight:500;display:inline-flex}.filter-active-chip:hover{background-color:color-mix(in srgb, var(--color-brand) 18%, white)}.filter-range{height:28px;position:relative}.filter-range:before,.filter-range__fill{content:"";border-radius:9999px;height:4px;position:absolute;top:50%;transform:translateY(-50%)}.filter-range:before{background-color:var(--color-line);inset-inline:0}.filter-range__fill{left:var(--from,0%);right:var(--to,0%);background-color:var(--color-brand)}.filter-range__input{pointer-events:none;appearance:none;background:0 0;width:100%;margin:0;position:absolute;inset:0}.filter-range__input::-webkit-slider-thumb{background-color:var(--color-brand-strong);cursor:grab;pointer-events:auto;appearance:none;border:3px solid #fff;border-radius:9999px;width:22px;height:22px;box-shadow:0 2px 8px #04040440}.filter-range__input::-moz-range-thumb{background-color:var(--color-brand-strong);cursor:grab;pointer-events:auto;border:3px solid #fff;border-radius:9999px;width:16px;height:16px;box-shadow:0 2px 8px #04040440}.filter-range__input:focus-visible{outline:none}.filter-range__input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-brand-strong);outline-offset:2px}.filter-range__input:focus-visible::-moz-range-thumb{outline:2px solid var(--color-brand-strong);outline-offset:2px}@media (prefers-reduced-motion:reduce){.filter-drawer__panel,.filter-drawer__backdrop{transition:none}}