/* UPIES PUBLIC V24 — one clean, independent layout. No inherited sticky positioning. */
:root{--upies-header:60px;--upies-sidebar:238px;--upies-hero:85px;--upies-chips:57px;--upies-gap:12px}
html{scroll-padding-top:0!important;overflow-x:hidden!important}
body:has(.public-sidebar){margin:0!important;overflow-x:hidden!important}
body:has(.public-sidebar) .top{
 position:fixed!important;inset:0 0 auto 0!important;width:100%!important;height:var(--upies-header)!important;min-height:0!important;
 display:flex!important;align-items:center!important;box-sizing:border-box!important;margin:0!important;
 z-index:5000!important;transform:none!important;
}
body:has(.public-sidebar) .public-layout{
 display:block!important;position:static!important;min-height:100vh!important;
 padding:0!important;margin:0!important;overflow:visible!important;transform:none!important;
}
body:has(.public-sidebar) .public-sidebar{
 position:fixed!important;top:var(--upies-header)!important;left:0!important;right:auto!important;bottom:0!important;
 width:var(--upies-sidebar)!important;height:calc(100vh - var(--upies-header))!important;
 max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;
 box-sizing:border-box!important;margin:0!important;z-index:4000!important;transform:none!important;
 overscroll-behavior:contain!important;
}
body:has(.public-sidebar) .public-content{
 display:block!important;position:static!important;float:none!important;
 width:calc(100% - var(--upies-sidebar))!important;max-width:none!important;min-width:0!important;
 margin:0 0 0 var(--upies-sidebar)!important;
 padding:calc(var(--upies-header) + var(--upies-hero) + var(--upies-chips) + var(--upies-gap)) 14px 30px!important;
 box-sizing:border-box!important;overflow:visible!important;transform:none!important;
}
body:has(.public-sidebar) .public-content>.hero{
 position:fixed!important;top:var(--upies-header)!important;left:var(--upies-sidebar)!important;right:0!important;
 width:auto!important;height:var(--upies-hero)!important;min-height:var(--upies-hero)!important;
 margin:0!important;padding:12px 16px!important;box-sizing:border-box!important;
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 z-index:3500!important;transform:none!important;
}
body:has(.public-sidebar) .public-content>.chips{
 position:fixed!important;top:calc(var(--upies-header) + var(--upies-hero))!important;
 left:var(--upies-sidebar)!important;right:0!important;width:auto!important;
 height:var(--upies-chips)!important;min-height:var(--upies-chips)!important;
 display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
 overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;
 box-sizing:border-box!important;margin:0!important;padding:8px 12px!important;
 z-index:3400!important;transform:none!important;
}
body:has(.public-sidebar) .public-content>.chips .chip{flex:0 0 auto!important}
body:has(.public-sidebar) .public-content>.grid{
 position:relative!important;display:grid!important;visibility:visible!important;opacity:1!important;
 width:100%!important;min-height:150px!important;margin:0!important;z-index:1!important;transform:none!important;
}
body:has(.public-sidebar) .public-content>.pagination{position:relative!important;z-index:1!important}
body:has(.public-sidebar) .footer{margin-left:var(--upies-sidebar)!important}
body:has(.public-sidebar) .modal{z-index:8000!important}
@media(max-width:850px){:root{--upies-sidebar:190px}}
@media(max-width:600px){:root{--upies-header:54px;--upies-sidebar:138px;--upies-hero:80px;--upies-chips:53px}body:has(.public-sidebar) .public-content{padding-left:8px!important;padding-right:8px!important}body:has(.public-sidebar) .public-content>.hero .muted{display:none!important}}
@media(max-width:420px){:root{--upies-sidebar:112px}}