/* =====================================================================
   Filters sheet (shared; Figma App / Filters Sheet 1875:80047 · Search 1538:71989 / tablet 1821:18416 · Stories 1558:73324 / tablet 1875:82335).
   Universal floating sheet (Isabel's rule): inset 8 on phones, the 32 page gutter on tablet, 8 from the bottom, radius 24 on every corner,
   8/16/24/16 padding, 20 between blocks; title 24/28; groups = 11/14 label + chips 10 below; footer two 48 buttons 12 apart.
   Moved out of search-page.css (Prompt 14) so Search and Stories share one component. Markup: .srp-sheet (class name kept).
   ===================================================================== */
.srp-sheet{display:none}
@media (max-width:1023px){
  .srp-sheet{display:block;position:fixed;inset:0;z-index:300}
  .srp-sheet[hidden]{display:none}
  .srp-sheet__scrim{position:absolute;inset:0;background:color-mix(in srgb,var(--neutral-900) 40%,transparent);opacity:0;transition:opacity .25s}
  .srp-sheet__panel{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:var(--space-16);box-sizing:border-box;max-height:88dvh;overflow-y:auto;overscroll-behavior:contain;
    padding:var(--space-8) var(--space-16) calc(var(--space-16) + env(safe-area-inset-bottom));background:var(--surface-background);border-radius:var(--radius-xl) var(--radius-xl) 0 0;
    box-shadow:var(--shadow-sheet);transform:translateY(100%);transition:transform .26s cubic-bezier(.2,.8,.2,1);outline:none;touch-action:pan-y}
  .srp-sheet.is-open .srp-sheet__scrim{opacity:1}
  .srp-sheet.is-open .srp-sheet__panel{transform:none}
  .srp-sheet__grabber{align-self:center;width:40px;height:4px;flex:none;border-radius:var(--radius-full);background:var(--border-strong);cursor:grab}
  .srp-sheet__head{display:flex;align-items:center;gap:var(--space-16);padding-top:var(--space-8);cursor:grab}
  .srp-sheet__title{flex:1;margin:0;font:var(--text-mobile-title);letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary)}
  .srp-sheet__clear{padding:var(--space-8) 0;border:0;background:none;cursor:pointer;font:var(--text-mobile-xs);color:var(--text-secondary)}
  .srp-sheet__clear:hover{color:var(--text-primary)}
  .srp-sheet__x{margin-right:calc(-1 * var(--space-8))}
  .srp-sheet__group{display:flex;flex-direction:column;gap:var(--space-8);padding-top:var(--space-4)}
  .srp-sheet__label{margin:0;font:var(--text-mobile-label);letter-spacing:.44px;text-transform:uppercase;color:var(--text-secondary)}
  .srp-sheet__none{margin:0;font:var(--text-mobile-sm);color:var(--text-secondary)}
  .srp-sheet .filter-chip{font:var(--text-mobile-lg)}
  .srp-sheet__staff{padding:var(--space-8) var(--space-12)}
  .srp-sheet__staff .checkbox{font:var(--text-mobile-lg)}
  .srp-sheet__foot{display:flex;gap:var(--space-12);padding-top:var(--space-8)}
  .srp-sheet__foot .btn{flex:1;height:48px}
  .srp-sheet__foot .btn:disabled{opacity:.45;cursor:not-allowed}
  html.srp-lock{overflow:hidden}
  .srp-sheet{--sheet-inset:var(--space-32)}
  .srp-sheet__panel{left:var(--sheet-inset);right:var(--sheet-inset);bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0px));gap:var(--space-20);
    padding:var(--space-8) var(--space-16) var(--space-24);border-radius:var(--radius-xl)}
  .srp-sheet__head{padding-top:0}
  .srp-sheet__title{font:var(--text-mobile-4xl);letter-spacing:0}
  .srp-sheet__group{gap:var(--space-10);padding-top:0}
  .srp-sheet .filter-chip{min-height:36px;padding:var(--space-8) var(--space-16);font:var(--text-sm)}
  .srp-sheet__chips,.srp-sheet__group .filter-chips{gap:var(--space-8)}
  .srp-sheet__staff{min-height:40px;padding:0 var(--space-12);display:flex;align-items:center}
  .srp-sheet__staff .checkbox{font:var(--text-sm)}
  .srp-sheet__foot{padding-top:var(--space-4)}
}
@media (min-width:600px) and (max-width:1023px){
  .srp-sheet__panel{padding-inline:var(--space-16)}
}
@media (max-width:599px){
  .srp-sheet__foot .btn{height:48px}
  .srp-sheet{--sheet-inset:var(--space-8)}
  .srp-sheet .filter-chip,.srp-sheet__staff .checkbox{font:var(--text-base)}   /* 14/20 on phones */
}
@media (prefers-reduced-motion:reduce){.srp-sheet__panel,.srp-sheet__scrim{transition:none!important}}