@layer compositions {
  .main-content,.app-frame,.header-inner,.public-section,.hero-inner{min-width:0}
  .grid>*{min-width:0}
  /* Compact */
  @media(max-width:767px){
    .anva-density-adaptive{--anva-density:compact}
    .desktop-sidebar{display:none!important}
    .mobile-bottom-nav{display:flex}
  }
  /* Medium: rail-like navigation and roomier content without pretending to be desktop. */
  @media(min-width:768px) and (max-width:1099px){
    .anva-density-adaptive{--anva-density:medium}
    .app-frame{grid-template-columns:76px minmax(0,1fr)}
    .desktop-sidebar{width:76px}
    .desktop-sidebar .nav-item{justify-content:center;padding-inline:10px}
    .desktop-sidebar .nav-item>span:last-child,.desktop-sidebar .nav-item>svg+span,.sidebar-help strong,.sidebar-help small{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}
    .sidebar-help{padding:12px;place-items:center}
  }
  /* Expanded */
  @media(min-width:1100px) and (max-width:1439px){.anva-density-adaptive{--anva-density:expanded}}
  /* Wide */
  @media(min-width:1440px){
    .anva-density-adaptive{--anva-density:wide}
    .app-frame{max-width:var(--container-wide);grid-template-columns:240px minmax(0,1fr)}
    .main-content.wide{max-width:none}
  }
}