.main-container{display:flex;align-items:flex-start}.sidebarCssAB{width:280px;background:#182338;position:sticky;top:90px;height:calc(100vh - 90px);overflow-y:auto;flex-shrink:0;padding:18px 0;scrollbar-width:thin;scrollbar-color:#55627d #182338}.h1class{color:#fff!important;text-align:center;font-size:24px;font-weight:700;margin-bottom:18px;font-family:Arial,Helvetica,sans-serif}.h2class{color:Black!important;text-align:center;font-size:24px;font-weight:700;margin-bottom:18px;font-family:Arial,Helvetica,sans-serif}.sidebarCssAB nav{display:flex;flex-direction:column}.sidebarCssAB nav a{color:#fff;text-decoration:none;display:block;padding:14px 20px;margin:4px 18px;border-radius:8px;font-size:17px;transition:0.25s;font-family:Arial,Helvetica,sans-serif}.sidebarCssAB nav a:hover{background:#b37b11}.sidebarCssAB nav a:first-child,.sidebarCssAB nav a.active{background:#b37b11;color:#fff}.sidebarCssAB::-webkit-scrollbar{width:8px}.sidebarCssAB::-webkit-scrollbar-track{background:#182338}.sidebarCssAB::-webkit-scrollbar-thumb{background:#55627d;border-radius:20px}.content{flex:1;padding:30px}.menu-toggle-checkbox{display:none}.menu-toggle{display:none;position:fixed;top:90px;left:15px;background:#182338;color:#fff;padding:10px 15px;border-radius:6px;cursor:pointer;z-index:999999;font-family:Arial,Helvetica,sans-serif;user-select:none}@media (max-width:768px){.main-container{display:block}.menu-toggle{display:block}.sidebarCssAB{position:fixed;left:-280px;top:90px;width:280px;height:calc(100vh - 90px);transition:left 0.3s ease;z-index:999998}.menu-toggle-checkbox:checked~.main-container .sidebarCssAB{left:0}.content{padding-top:70px}}.table{display:flex;flex-direction:column;width:90%;border:1px solid #E9E9E9;border-collapse:collapse}.row{display:flex;width:100%}.cell{border:1px solid #E9E9E9;padding:8px;padding-left:15px;box-sizing:border-box;text-align:left}.header{background-color:#EFEFEF;font-weight:700}.column1{flex:20;width:20%}.column2{flex:20;width:20%}.column3{flex:50;width:50%}.AB_mainContainer{display:flex;align-items:flex-start}.AB_sidebar{width:270px;background:#182338;position:sticky;top:50px;height:calc(100vh - 90px);overflow-y:auto;padding:18px 0;flex-shrink:0}.AB_title{color:#fff;text-align:center;font:700 18px Arial;margin-bottom:18px}.AB_sidebar nav{display:flex;flex-direction:column}.AB_sidebar nav a{color:#fff;text-decoration:none;padding:14px 20px;margin:4px 18px;border-radius:8px;font:17px Arial}.AB_sidebar nav a:hover,.AB_sidebar nav a.active{background:#b37b11}.AB_content{flex:1;padding-left:20px}.AB_menuToggle{display:none;position:fixed;top:90px;left:15px;background:#182338;color:#fff;padding:10px 15px;border-radius:6px;cursor:pointer;z-index:999999}.Webresources{color:#000;text-decoration:none;font-size:16px}.h1class{color:#fff!important;text-align:center;font-size:24px;font-weight:700;margin-bottom:18px;font-family:Arial,Helvetica,sans-serif}.h2class{color:Black!important}.article{color:Black!important;font-size:18px;line-height:1.5}.article,.webresources{color:Black!important;font-size:18px;line-height:1.5}@media(max-width:768px){.AB_mainContainer{display:block}.AB_menuToggle{display:block;margin-top:12%}.AB_sidebar{position:fixed;left:-280px;top:90px;transition:left .3s;z-index:999998}.AB_sidebar.AB_show{left:0;margin-top:20%}.AB_content{padding-top:70px}}.csscodeeditor_container{display:none;width:100%;margin:40px 0;background:#fff;border:1px solid #d9d9d9;border-radius:10px;overflow:hidden;box-shadow:0 5px 18px rgb(0 0 0 / .08)}.csscodeeditor_header{background:#182338;color:#fff;padding:14px 20px;font-size:20px;font-weight:700;font-family:Arial,Helvetica,sans-serif}.csscodeeditor_body{display:flex;gap:15px;padding:15px}.csscodeeditor_left,.csscodeeditor_right{width:50%}.csscodeeditor_left textarea{width:100%;height:450px;resize:vertical;border:none;outline:none;background:#D0D0D0;color:#000;padding:15px;font-size:17px;line-height:1.6;font-family:Consolas,monospace}.csscodeeditor_right iframe{width:100%;height:450px;border:1px solid #ddd;background:#fff}.csscodeeditor_buttons{padding:15px;border-top:1px solid #eee}.csscodeeditor_buttons button{cursor:pointer;border:none;color:#fff;padding:12px 22px;font-size:16px;border-radius:6px;margin-right:10px}.csscodeeditor_run{background:#16a34a}.csscodeeditor_run:hover{background:#15803d}.csscodeeditor_close{background:#dc2626}.csscodeeditor_close:hover{background:#b91c1c}.new_column_AB{width:300px;margin-left:30px;position:sticky;top:80px;align-self:flex-start}.new_column_AB .widget{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;padding:18px}.new_column_AB h3{margin:0 0 15px;font-size:20px}.new_column_AB ul{margin:0;padding-left:18px}.new_column_AB li{margin-bottom:10px}.new_column_AB a{text-decoration:none;color:#182338}.new_column_AB a:hover{color:#06c}@media(max-width:768px){.csscodeeditor_body{flex-direction:column}.csscodeeditor_left,.csscodeeditor_right{width:100%}.new_column_AB{width:100%;margin:30px 0 0;position:static}}.csscodeeditor{margin:25px 0;width:70%;border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff}.csscodeeditor pre{margin:0;padding:18px;background:#fff;;color:#1e1e1e;overflow:auto;font-size:15px;line-height:1.6;font-family:Consolas,Monaco,monospace}.csscodeeditor_buttons{display:flex;gap:10px;padding:15px;background:#f5f5f5;border-top:1px solid #ddd}.csscodeeditor_copy{background:#2563eb;color:#fff;border:none;padding:10px 18px;border-radius:5px;cursor:pointer}.csscodeeditor_test{background:#16a34a;color:#fff;border:none;padding:10px 18px;border-radius:5px;cursor:pointer}.csscodeeditor_copy:hover{background:#1d4ed8}.csscodeeditor_test:hover{background:#15803d}