/* One desktop screen. Each pane owns its long content instead of stretching the document. */
html[data-workspace="contained"],html[data-workspace="contained"] body{height:100dvh;min-height:0;overflow:hidden}
html[data-workspace="contained"] .app-layout{
 height:calc(100dvh - var(--workspace-header-height,var(--header)) - var(--workspace-bottom-inset,0px));
 min-height:0;align-items:stretch;overflow:hidden;
}
html[data-workspace="contained"] .dashboard-mode .app-layout{
 height:calc((100dvh - var(--workspace-header-height,var(--header)) - var(--workspace-bottom-inset,0px)) / var(--dashboard-scale,1));
}
html[data-workspace="contained"] :is(.calendar-sidebar,.context-rail,.main-content){
 min-height:0;height:100%;max-height:100%;overflow:auto;overscroll-behavior:contain;
 scrollbar-width:thin;scrollbar-color:var(--line) transparent;scroll-padding-block:8px;
}
html[data-workspace="contained"] :is(.calendar-sidebar,.context-rail){position:static}
html[data-workspace="contained"] .context-rail>*{flex:none}
html[data-workspace="contained"] .main-content:has(>.desktop-calendar){display:flex;flex-direction:column;overflow:hidden}
html[data-workspace="contained"] .main-content:has(>.desktop-calendar)>*{flex-shrink:0}
html[data-workspace="contained"] .main-content>.desktop-calendar{display:flex;flex-direction:column;flex:1;min-height:0}
html[data-workspace="contained"] .desktop-calendar>.week-scroll{flex:1;height:auto;min-height:0;max-height:none}
html[data-workspace="contained"] .desktop-calendar>:not(.week-scroll){flex:none}
html[data-workspace="contained"] .main-content:has(>.activation-panel){overflow:auto}
html[data-workspace="contained"] .main-content:has(>.activation-panel)>.desktop-calendar{min-height:240px}
html[data-workspace="contained"] :is(.calendar-sidebar,.context-rail,.main-content):focus-visible{outline:2px solid var(--surface-accent,var(--blue));outline-offset:-2px}
/* End-of-day breathing room belongs to the scroll content, not the viewport's minimum size. */
html[data-workspace="contained"] .family-day-scroll{padding-bottom:0}
html[data-workspace="contained"] .family-day-calendar{padding-bottom:128px}
/* Very short windows keep a usable time area and scroll it within the centre pane. */
@media(max-height:500px){
 html[data-workspace="contained"] .main-content:has(>.desktop-calendar){overflow:auto}
 html[data-workspace="contained"] .main-content>.desktop-calendar{min-height:260px;flex-shrink:0}
}
/* At a nested list's edge, keep the same gesture moving through its parent pane. */
.app-layout :is([data-reminder-scroll],.reminders-scroll,.linked-reminders-scroll,.week-scroll,.dashboard-timeline,.dashboard-family-feed,.dashboard-insights>section){overscroll-behavior-y:auto}
.editor :is([data-reminder-scroll],.reminder-shopping-scroll,.icon-picker-grid,.portrait-groups,.account-portrait-options){overscroll-behavior-y:auto}