.vp-collection--all .vp-sort-only-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.vp-collection-sort{display:flex;justify-content:space-between;align-items:center;gap:16px;box-sizing:border-box;margin:0 0 24px;min-height:60px;padding:4px 0;border-bottom:1px solid #d5e3f4}
.vp-sort-count{margin:0;color:#526c8b;font-size:16px;line-height:1.5;white-space:nowrap}
.vp-sort-fallback{display:flex;align-items:center;gap:12px}
.vp-sort-fallback[hidden]{display:none}
.vp-sort-trigger{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;max-width:100%;box-sizing:border-box;padding:6px 0 6px 12px;color:var(--vp-navy,#183e6b);font:inherit;font-size:17px;background:transparent;border:0;cursor:pointer}
.vp-sort-trigger>span{color:#60758e;font-weight:400}
.vp-sort-trigger strong{font-weight:650;text-align:left;white-space:nowrap}
.vp-sort-trigger svg{flex:0 0 17px;width:17px;height:17px;margin-left:3px;fill:none;stroke:#0b6cff;stroke-width:1.7;transition:transform .16s}
.vp-sort-trigger[aria-expanded=true]{color:#075ed6}
.vp-sort-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.vp-sort-trigger:focus-visible,.vp-sort-choice:focus-visible,.vp-sort-close:focus-visible{outline:2px solid #0b6cff;outline-offset:3px;border-radius:5px}
.vp-sort-open{overflow:hidden}
.vp-sort-dialog{position:fixed;inset:var(--sort-top,150px) var(--sort-right,16px) auto auto;width:320px;max-width:calc(100vw - 32px);max-height:calc(100dvh - var(--sort-top,150px) - 16px);box-sizing:border-box;margin:0;padding:10px;border:1px solid #dbe4ed;border-radius:12px;background:#fff;color:#183e6b;box-shadow:0 12px 32px #173b651a;overflow:auto;font-family:inherit}
.vp-sort-dialog::backdrop{background:transparent}
.vp-sort-heading{display:none}
.vp-sort-choice{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 16px;text-align:left;font:inherit;font-size:18px;line-height:1.4;color:inherit;background:transparent;border:0;border-radius:6px;cursor:pointer}
.vp-sort-choice svg{flex:0 0 20px;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.5;visibility:hidden}
.vp-sort-choice[aria-checked=true] svg{visibility:visible}
.vp-sort-choice[aria-checked=true]{color:#075ed6;background:#edf4ff}
.vp-sort-choice[aria-checked=true] span{font-weight:600}
@media(hover:hover){.vp-sort-choice:hover{background:#f2f6fc}.vp-sort-trigger:hover{color:#075ed6}}
@media(max-width:750px){
  .vp-collection--all{padding-top:10px}
  .vp-collection--all .vp-collection-sort{justify-content:center;margin:0 0 14px;min-height:46px;padding:0}
  .vp-sort-count{display:none}
  .vp-sort-trigger{font-size:14px;min-height:44px;gap:9px;padding:4px 8px}
  .vp-sort-dialog{inset:auto 0 0;transform:none;width:100%;max-width:none;max-height:85dvh;padding:8px 20px max(24px,env(safe-area-inset-bottom));border:0;border-radius:16px 16px 0 0;box-sizing:border-box}
  .vp-sort-dialog::backdrop{background:#11263d66}
  .vp-sort-heading{display:flex;align-items:center;justify-content:space-between;padding:10px 0 14px;margin-bottom:8px;border-bottom:1px solid #dbe4ed}
  .vp-sort-heading h2{margin:0;font-size:18px;font-weight:500;line-height:1.4}
  .vp-sort-close{display:grid;place-items:center;width:44px;height:44px;margin-right:-10px;font:inherit;font-size:28px;color:inherit;border:0;background:transparent;cursor:pointer}
  .vp-sort-choice{padding:14px 10px;min-height:58px;font-size:18px}
}