.layout-container {
     display: grid;
     gap: 0.5px;
     margin-top: 5px;
 }

 .layout-1 {
     grid-template-columns: 1fr;
 }

 .layout-2 {
     grid-template-columns: 1fr 1fr;
 }

 .layout-3, .layout-4, .layout-5, .layout-6 {
     grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
 }




 .accordion {
     width: 100%;
     font-family: monospace;
     font-size: 15px;
 }

 .accordion-header {
     background-color: #007bff;
     color: #d9d9d9;
     padding: 3px;
     cursor: pointer;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .accordion-header:hover {
     background-color: #0056b3;
 }

 .accordion-content {
     /* max-height: 600px; */
     overflow: hidden;
     transition: max-height 0.3s ease;
     background-color: #f1f1f1;
     padding: 0.5px;
     /* horizontal only */
 }

 .accordion-content {
     display: block;
 }

 .accordion-content.active {
     display: none;
 }

 .accordion-header .dropdown-content,
 .accordion-header .dropdown-content label {
     color: red !important;
 }