.case-archive{--case-archive-border: var(--ds-color-slate-200);--case-archive-muted: var(--ds-color-slate-600);--case-archive-accent: var(--ds-color-blue-600);--case-archive-sticky-top: calc(var(--ds-header-top-height) + var(--ds-header-main-height) + var(--ds-header-nav-height) + 2px);--case-archive-toolbar-height: 76px;color:var(--ds-color-ink-800);padding-bottom:96px}.app-shell:has(>.header.is-compact)>.case-archive{--case-archive-sticky-top: 60px}.case-archive .case-archive__intro{padding:40px 0 0}.case-archive__back{display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;color:var(--case-archive-accent);font:500 15px / 24px var(--ds-font-sans)}.case-archive__back:hover{text-decoration:underline;text-underline-offset:4px}.case-archive__intro h1{margin-bottom:20px;font:650 var(--ds-text-h2) / 46px var(--ds-font-sans);overflow-wrap:anywhere}.case-archive__intro p{max-width:900px;color:var(--case-archive-muted);font:400 var(--ds-text-body) / var(--ds-leading-body) var(--ds-font-sans)}.case-archive__form{margin-top:48px}.case-archive__toolbar{position:sticky;top:var(--case-archive-sticky-top);z-index:10;display:flex;align-items:center;justify-content:space-between;gap:48px;min-height:var(--case-archive-toolbar-height);border-bottom:1px solid var(--case-archive-border);background:var(--ds-color-white)}.case-archive__directions,.case-archive__filters{min-width:0;border:0}.case-archive__directions{display:flex;align-self:stretch;gap:32px}.case-archive__tab{position:relative;display:flex;align-items:center;gap:8px;min-height:52px;padding-inline:2px;color:var(--case-archive-muted);font:500 var(--ds-text-body) / var(--ds-leading-body) var(--ds-font-sans);white-space:nowrap;cursor:pointer}.case-archive__tab:after{position:absolute;inset:auto 0 -1px;height:3px;background:var(--case-archive-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--ds-duration-fast);content:""}.case-archive__tab:is(:hover,:has(input:checked)){color:var(--ds-color-ink-800)}.case-archive__tab:hover:after{transform:scaleX(1);opacity:.45}.case-archive__tab:has(input:checked):after{transform:scaleX(1);opacity:1}.case-archive__tab-count{color:var(--case-archive-muted);font-size:var(--ds-text-body-sm);font-variant-numeric:tabular-nums}.case-archive__layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:48px;align-items:start;margin-top:32px}.case-archive__filters{position:sticky;top:calc(var(--case-archive-sticky-top) + var(--case-archive-toolbar-height) + 24px);display:grid;gap:28px;background:var(--ds-color-white)}.case-archive__filters-title{display:flex;align-items:center;min-height:40px;margin-bottom:4px;font:500 18px / 24px var(--ds-font-sans)}.case-archive__field{display:grid;gap:8px;min-width:0;color:var(--case-archive-muted);font:400 var(--ds-text-body-sm) / 20px var(--ds-font-sans)}.case-archive__search,.case-archive__select{position:relative;display:block;min-width:0}.case-archive__search{flex:0 1 420px}.case-archive__search input,.case-archive__select select{display:block;width:100%;min-width:0;height:48px;padding:0 12px;border:1px solid var(--ds-color-slate-300);border-radius:var(--ds-radius-none);background:var(--ds-color-white);color:var(--ds-color-ink-800);font:400 var(--ds-text-body) / var(--ds-leading-body) var(--ds-font-sans)}.case-archive__search input{padding-left:44px}.case-archive__search input::placeholder{color:var(--case-archive-muted);opacity:1}.case-archive__search svg,.case-archive__select svg{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}.case-archive__search svg{left:14px;color:var(--case-archive-muted)}.case-archive__select svg{right:12px;color:var(--ds-color-ink-800)}.case-archive__select select{appearance:none;padding-right:36px;text-overflow:ellipsis;cursor:pointer}.case-archive__search input:focus,.case-archive__select select:focus{border-bottom-color:var(--case-archive-accent);box-shadow:inset 0 -1px var(--case-archive-accent)}.case-archive__results{min-width:0}.case-archive__summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:40px;margin-bottom:24px;color:var(--case-archive-muted);font:400 var(--ds-text-body-sm) / 20px var(--ds-font-sans)}.case-archive__sort select{height:40px;padding:0 28px 0 6px;border:0;border-bottom:1px solid transparent;font:inherit}.case-archive__sort svg{right:4px}.case-archive__selected{display:flex;flex-wrap:wrap;gap:8px 24px;margin:-8px 0 24px}.case-archive__selected button{display:inline-flex;align-items:center;gap:8px;min-height:32px;color:var(--ds-color-ink-800);font:400 var(--ds-text-body-sm) / 20px var(--ds-font-sans)}.case-archive__selected button:hover{color:var(--case-archive-accent)}.case-archive__selected svg{flex:none;color:var(--case-archive-muted)}.case-archive__list:not(:empty){border-top:1px solid var(--case-archive-border)}.case-archive__row{display:grid;grid-template-columns:192px minmax(0,1fr) 24px;align-items:start;gap:28px;padding:32px 0;border-bottom:1px solid var(--case-archive-border);scroll-margin-top:calc(var(--case-archive-sticky-top) + var(--case-archive-toolbar-height) + 24px)}.case-archive__photo{display:block;width:100%;height:160px;object-fit:cover;background:var(--ds-color-surface-soft)}.case-archive__row-main{min-width:0}.case-archive__direction{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--case-archive-muted);font:400 var(--ds-text-body-sm) / 20px var(--ds-font-sans)}.case-archive__direction:before{width:3px;height:14px;background:var(--ds-color-blue-500);flex:none;content:""}.case-archive__row h2,.case-archive__empty h2{font:550 22px / 28px var(--ds-font-sans);overflow-wrap:anywhere}.case-archive__result{margin-top:12px;font:400 var(--ds-text-body) / var(--ds-leading-body) var(--ds-font-sans);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.case-archive__context{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:20px;list-style:none;color:var(--case-archive-muted);font:400 var(--ds-text-body-sm) / 20px var(--ds-font-sans);overflow-wrap:anywhere}.case-archive__context li+li{padding-left:16px;border-left:1px solid var(--ds-color-slate-300)}.case-archive__row-arrow{align-self:center;justify-self:center;transition:transform var(--ds-duration-fast),color var(--ds-duration-fast)}.case-archive__row:is(:hover,:focus-visible) h2{text-decoration:underline 2px var(--case-archive-accent);text-underline-offset:5px}.case-archive__row:is(:hover,:focus-visible) .case-archive__row-arrow{color:var(--case-archive-accent);transform:translate(4px)}.case-archive__empty{padding:48px 0;border-block:1px solid var(--case-archive-border)}.case-archive__empty p{margin:16px 0 20px;color:var(--case-archive-muted);font:400 var(--ds-text-body) / var(--ds-leading-body) var(--ds-font-sans)}.case-archive__action{min-height:40px;color:var(--ds-color-ink-800);font:500 var(--ds-text-body) / var(--ds-leading-body) var(--ds-font-sans);text-decoration:underline var(--case-archive-accent);text-underline-offset:5px}.case-archive__action:hover{color:var(--case-archive-accent)}.case-archive__reset{justify-self:start;font-size:var(--ds-text-body-sm)}.case-archive__more{display:block;min-height:48px;margin:32px auto 0}.case-archive :is(a,button,select,input):focus-visible,.case-archive__tab:has(input:focus-visible){outline:2px solid var(--case-archive-accent);outline-offset:4px}.case-archive__sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(min-width:1024px)and (max-width:1180px){.app-shell:has(>.header.is-compact)>.case-archive{--case-archive-sticky-top: 56px}}@media(max-height:640px){.case-archive__filters{position:static}}@media(max-width:1023px){.case-archive{--case-archive-sticky-top: 0px;padding-bottom:72px}.case-archive__toolbar,.case-archive__directions{gap:24px}.case-archive__layout{grid-template-columns:216px minmax(0,1fr);gap:24px}.case-archive__row{grid-template-columns:136px minmax(0,1fr) 20px;gap:16px;padding-block:24px}.case-archive__photo{height:120px}}@media(max-width:767px){.case-archive{--case-archive-toolbar-height: 0px;padding-bottom:56px}.case-archive .clean-container{padding-inline:16px}.case-archive .case-archive__intro{padding-top:24px}.case-archive__intro h1{margin-bottom:16px;font-size:32px;line-height:38px}.case-archive__form{margin-top:24px}.case-archive__toolbar{position:static;flex-direction:column;align-items:stretch;gap:16px;padding-bottom:16px}.case-archive__directions{flex-wrap:wrap;justify-content:space-between;gap:0 8px}.case-archive__tab{gap:4px;padding-inline:0;font-size:14px;line-height:20px}.case-archive__tab-count{font-size:12px}.case-archive__search{flex:none}.case-archive__layout{grid-template-columns:minmax(0,1fr);margin-top:16px}.case-archive__filters{position:static;gap:16px}.case-archive__summary{margin-bottom:16px}.case-archive__row{grid-template-columns:minmax(0,1fr) 20px}.case-archive__photo{grid-column:1 / -1;height:auto;aspect-ratio:16 / 9}.case-archive__row h2{font-size:20px;line-height:26px}.case-archive__context{margin-top:16px}}@media(prefers-reduced-motion:reduce){.case-archive__tab:after,.case-archive__row-arrow{transition:none}}
