.cases-page{background:var(--semantic-bg-default);padding-top:var(--nav-offset);padding-bottom:var(--space-48)}.cases-page__header{max-width:720px;margin:0 auto var(--space-32);text-align:center}.cases-page__title{margin:0 0 var(--space-12);font-size:var(--type-cn-headline-medium-size);line-height:var(--type-cn-headline-medium-line);font-weight:var(--type-cn-headline-medium-weight);color:var(--semantic-text-primary)}@media (max-width:768px){.cases-page__title{font-size:var(--type-cn-headline-small-size);line-height:var(--type-cn-headline-small-line)}}.cases-page__lead{margin:0;font-size:var(--type-cn-body-large-size);line-height:var(--type-cn-body-large-line);font-weight:300;color:var(--semantic-text-tertiary)}.cases-page__filter-trigger-wrap{display:flex;align-items:center;gap:var(--space-8);margin-bottom:var(--space-20)}.cases-page__filters--desktop{display:none}@media (min-width:769px){.cases-page__filters--desktop{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-12);align-items:end;margin-bottom:var(--space-32)}.cases-page__filter-trigger-wrap{display:none}}.cases-filter-sheet__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);z-index:99999;display:flex;align-items:flex-end}.cases-filter-sheet{width:100%;background:var(--semantic-bg-default);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:92vh;display:flex;flex-direction:column;animation:sheet-slide-up .25s ease}@keyframes sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cases-filter-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-16) var(--space-20);border-bottom:1px solid var(--semantic-border-subtle);flex-shrink:0}.cases-filter-sheet__title{font-family:var(--font-cn);font-size:var(--type-cn-title-medium-size);font-weight:500;color:var(--semantic-text-primary)}.cases-filter-sheet__close{background:none;border:none;padding:var(--space-4);cursor:pointer;color:var(--semantic-text-secondary);display:flex;align-items:center}.cases-filter-sheet__body{overflow-y:auto;padding:var(--space-20);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-16) var(--space-12);align-items:start;flex:1}.sheet-select__label{display:block;font-family:var(--font-cn);font-size:var(--type-cn-label-medium-size);color:var(--semantic-text-secondary);margin-bottom:var(--space-4)}.sheet-select__control{width:100%;padding:var(--space-8) var(--space-12);border:1px solid var(--semantic-border-default);border-radius:var(--radius-sm);background:var(--semantic-bg-default);font-family:var(--font-cn);font-size:16px;color:var(--semantic-text-primary);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-8) center;padding-right:var(--space-32);cursor:pointer}.cases-filter-sheet__footer{display:flex;gap:var(--space-12);padding:var(--space-16) var(--space-20);border-top:1px solid var(--semantic-border-subtle);flex-shrink:0}.cases-filter-sheet__footer .btn{flex:1}.cases-page__filter-btn{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-16);border:1px solid var(--semantic-border-default);border-radius:var(--radius-pill);background:var(--semantic-bg-default);font-family:var(--font-cn);font-size:var(--type-cn-body-medium-size);color:var(--semantic-text-secondary);cursor:pointer}.cases-page__filter-btn--active{border-color:var(--semantic-brand-primary);color:var(--semantic-brand-primary)}.cases-page__filter-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--semantic-brand-primary);color:#fff;font-size:11px;font-weight:600;line-height:1}.cases-page__filter-clear{background:none;border:none;padding:0;font-family:var(--font-cn);font-size:var(--type-cn-body-medium-size);color:var(--semantic-text-tertiary);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.cases-page__toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-24)}.cases-page__count{color:var(--semantic-text-primary)}.cases-page__sorts{display:flex;gap:var(--space-8)}.cases-page__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-24);transition:opacity var(--motion-base) ease}@media (max-width:900px){.cases-page__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.cases-page__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-16)}}@media (max-width:480px){.cases-page__grid{gap:var(--space-12)}}.cases-page__sentinel{height:1px}.cases-page__empty{padding:var(--space-32) 0;text-align:center;color:var(--semantic-text-secondary)}.cases-page__empty,.cases-page__loading{font-size:var(--type-cn-body-large-size)}.cases-page__loading{display:flex;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-24) 0;font-family:var(--font-cn);color:var(--semantic-text-disabled)}.cases-page__loading.is-done{display:none}