@scope (.collapsible-container)
      {
                :scope {
                        
                        display:grid;
                }
                .collapsible-control-section-name, 
                .collapsible-control-section-toggle-button             
                { 
                        display:inline-block; 
                        width:100%; 
                        text-indent:7px; 
                }

                .collapsible-control
                { 
                        opacity:60%;
                        margin:10px; 
                        height:1.4rem; 
                        line-height:1.4;

                        display:grid;
                        grid-template-columns:1fr 1fr;
                        width:100%;
                }
                .collapsible-controlled
                { 
                        outline:1px solid silver;
                        padding:15px; 
                        margin-bottom:25px;  
                        opacity:100%;
                        margin:10px; 
                        display:none; 
                        overflow-x:auto;
                        max-width:980px;
                }
                .collapsible-controlled:hover { display:grid; }
                        
                .collapsible-control-section-notes  {  display:grid; grid-auto-flow: column; }
                .collapsible-control-section-notes div { display:inline-block; height:100%; }
                .collapsible-control-section-notes div:nth-of-type(1) { width:10%;}
                .collapsible-control-section-notes div:nth-of-type(2) { width:78%; }
                .collapsible-control-section-notes div:nth-of-type(3) { width:10%; color:green; text-align:right; text-indent:20px;}
      }