/* App-shell geometry. Feature styles own their content, never sidebar offsets. */
:root{--app-sidebar-width:228px}
.app-shell{min-width:0;margin-left:var(--app-sidebar-width)}
.sidebar{width:var(--app-sidebar-width);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:24px 18px 18px}
.sidebar>*{flex-shrink:0}.sidebar-label{margin-top:28px}.sidebar-secondary{margin-top:20px;padding-block:16px}.sidebar .profile{margin-top:auto}
#main{min-width:0}.sidebar .text-button{overflow-wrap:anywhere}.sidebar-legal{line-height:1.5}
@media(min-width:701px) and (max-width:1099px){:root{--app-sidebar-width:196px}.sidebar{padding-inline:14px}.sidebar .brand{font-size:24px}.sidebar .nav-item{font-size:14px}.discovery-active .sidebar-secondary{display:grid;gap:8px}}
@media(max-width:700px){:root{--app-sidebar-width:0px}.sidebar{display:none}.app-shell{margin-left:0}}
@media(min-width:701px) and (max-height:760px){.sidebar{padding-top:18px}.sidebar-label{margin:20px 12px 10px}.sidebar .nav-item{min-height:46px;margin-block:2px}.sidebar-secondary{margin-top:16px;padding-block:12px;gap:4px}.sidebar .profile{padding-top:12px}}
@media(min-width:1100px){
 .df-screen:not(.df-browse){width:calc(100% - 96px);margin:20px 72px 20px 24px;max-width:1400px;--df-info-width:clamp(290px,26vw,360px)}
 .df-screen:not(.df-browse) .df-top{margin-bottom:0}
 .df-screen:not(.df-browse) .df-categories{flex-wrap:wrap;overflow:visible;gap:6px}
 .df-screen:not(.df-browse) .df-view-switch{align-self:start}
 .df-screen:not(.df-browse) .df-desktop-controls{left:calc(100% + 12px)}
 .df-screen:not(.df-browse) .df-summary{scrollbar-width:thin;scrollbar-gutter:stable}
}
/* A short or zoomed desktop uses document scrolling instead of clipping actions. */
@media(min-width:1100px) and (max-height:600px){
 body.discovery-active{overflow-y:auto}
 .discovery-active #main{height:auto;overflow:visible}
 .df-screen:not(.df-browse){height:auto;min-height:calc(100dvh - 40px)}
 .df-screen:not(.df-browse) .df-deck{flex:none;height:440px}
 .df-screen:not(.df-browse) .df-categories{display:flex!important}
 .df-screen:not(.df-browse) .df-selection:not([hidden]){display:flex!important}
}
@media(min-width:1800px){.df-screen:not(.df-browse){margin-inline:auto}}