/* Shared spacing: content insets, related controls, and separate sections. */
:root{--panel-inset:24px;--menu-row-inset:12px;--section-gap:24px;--related-gap:8px;--control-gap:12px;--caption-gap:4px}
.workspace-avatar{overflow:hidden}
.workspace-avatar>img{width:100%;height:100%;object-fit:cover;display:block}
#app-main .reference-grid .card .cap{padding:8px 0 0;gap:var(--related-gap);margin:0;line-height:1.4}
#app-main .reference-grid .card .card-title{font:500 14px/1.4 var(--sans);color:var(--ink)}
#app-main .reference-grid .card .card-attribution{display:flex;align-items:center;gap:6px;margin:var(--caption-gap) 0 0;padding:0;min-height:18px;font:12px/1.4 var(--sans);color:var(--ink3);min-width:0}
.reference-grid .card-attribution>.avatar{width:18px;height:18px;min-width:18px;min-height:18px;flex:0 0 18px;font-size:8px;margin:0}
.reference-grid .card-attribution>span:not(.avatar){min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.reference-grid .card-attribution .avatar img{width:100%;height:100%;object-fit:cover}
#app-main .meld-search-ui .ms-scope{column-gap:var(--control-gap);row-gap:var(--related-gap)}
#app-main .ms-scope-link[data-open-filters]{margin-left:0;padding-inline:4px;gap:var(--related-gap)}
.ms-filters-popover :is(.ms-filter-head,.ms-panel-body,.ms-filter-footer){padding-inline:var(--panel-inset)}
.ms-facets{gap:var(--section-gap)}
.mn-more-menu [data-mobile-action]{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:var(--control-gap);padding:12px var(--menu-row-inset)}
.mn-more-menu [data-mobile-action]>svg:first-child{justify-self:center}
.mn-more-menu [data-mobile-action] :is(.workspace-avatar,.avatar){width:28px;height:28px;min-width:28px;min-height:28px;flex-basis:28px;margin:0}
.mn-more-menu [data-mobile-action]>svg:last-child:not(:first-child){width:18px;height:18px}
.mn-more-menu [data-mobile-action]>span:not(.avatar):not(.workspace-avatar):not(.mn-unread-label){width:100%;overflow-wrap:anywhere}
.mn-more-menu:not(.handoff-mobile-overlay){padding:var(--panel-inset);width:320px}
.rv-view-options.handoff-mobile-sheet .mobile-pop-content{padding:16px var(--panel-inset) max(24px,env(safe-area-inset-bottom))}
@media(max-width:760px){
 :root{--panel-inset:16px}
 /* A workspace belongs in More when there is no Discover search beside it. */
 html[data-app-screen=collections] body>.topnav,
 html[data-app-screen=collection] body>.topnav,
 html[data-app-screen=saved] body>.topnav{display:none!important}
 html[data-app-screen] .topnav .nav-right{display:none}
 html[data-app-screen=collections] #app-main>.cu-page,
 html[data-app-screen=collection] #app-main>.cu-page{padding-top:max(20px,env(safe-area-inset-top))}
 #meld-search-suggestions{left:0!important;right:0!important;width:auto!important;max-width:none;border-radius:0 0 16px 16px;padding:var(--panel-inset);scroll-padding:var(--panel-inset)}
 #app-main .reference-grid .card .cap{padding-top:8px}
 .handoff-mobile-sheet .mobile-pop-content{padding:8px var(--panel-inset) max(16px,env(safe-area-inset-bottom));scroll-padding:var(--panel-inset)}
 .handoff-mobile-sheet .action-list,
 .handoff-mobile-sheet.capture-source-pop .action-list{padding:0;gap:2px}
 .handoff-mobile-sheet .action-list button,
 .handoff-mobile-sheet.capture-source-pop .action-list button{padding:12px var(--menu-row-inset);min-height:48px;gap:var(--control-gap)}
 .handoff-mobile-sheet .ac-id{padding:8px var(--menu-row-inset) 16px}
 .mn-more-menu .mobile-pop-content{padding-bottom:max(20px,env(safe-area-inset-bottom))}
 .capture-source-pop .mc-menu-divider{margin:8px var(--menu-row-inset)}
}