:root {
  --shell-header-height: 72px;
  --shell-sidebar-width: 340px;
  --shell-sidebar-width-compact: 310px;
  --shell-header-padding: 0 24px;
  --shell-sidebar-padding: 24px 20px 20px;
  --shell-body-font-size: 14px;
  --shell-brand-font-size: 16px;
  --shell-brand-font-weight: 600;
  --shell-brand-gap: 10px;
  --shell-brand-mark-size: 20px;
  --shell-search-height: 42px;
  --shell-search-radius: 12px;
  --shell-project-title-size: 25px;
  --shell-eyebrow-size: 10px;
  --shell-filter-heading-height: 64px;
  --shell-filter-heading-size: 14px;
  --shell-filter-description-size: 10px;
  --shell-filter-option-size: 14px;
  --shell-checkbox-size: 15px;
}
@media (max-width:1100px){:root{--shell-sidebar-width:var(--shell-sidebar-width-compact)}}
@media (max-width:820px){:root{--shell-header-height:64px;--shell-sidebar-width:min(350px,88vw);--shell-header-padding:0 14px;--shell-brand-font-size:13px;--shell-brand-gap:7px;--shell-brand-mark-size:18px}}