.learn-blogs{padding:40px 0 80px;background-color:#f0f1f2}.layout-wrapper{display:flex;width:100%;gap:24px;position:relative;align-items:flex-start}.main-content{flex:1;background:#fff;border-radius:8px;padding:32px;box-shadow:0 2px 12px #00000008;transition:all .3s ease}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;border-bottom:1px solid #eee;padding-bottom:20px}.header-text h1{font-size:24px;color:#1a1a1a;margin-bottom:12px;font-weight:700}.header-text p{font-size:14px;color:#555}.header-icon{width:90px;height:90px;min-width:50px}.header-icon img{width:100%}.list-container{display:flex;flex-direction:column;gap:10px;margin-bottom:30px}.list-item{background-color:#f8f9fa;padding:16px 20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-radius:4px;font-size:15px;color:#333;transition:background-color .2s;cursor:pointer;gap:20px;width:100%;box-sizing:border-box}.list-item:hover{background-color:#f1f3f5}.list-item>span{flex:1 1 auto;min-width:0;width:auto;max-width:none;text-align:left;line-height:1.5}.list-item .btn-view{color:#0068b6;font-size:14px;display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-shrink:0;flex-grow:0;width:auto;min-width:max-content;white-space:nowrap;margin-left:auto}.academic-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px;padding-bottom:20px;font-family:inherit}.page-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;font-size:14px;font-weight:500;color:#333;background-color:#f5f5f5;border-radius:6px;text-decoration:none;transition:all .3s ease;cursor:pointer;border:1px solid transparent}.page-btn:hover{background-color:#0056b3;color:#fff}.page-info{font-size:14px;color:#666;font-weight:500;letter-spacing:.5px;padding:0 8px}@media(max-width:768px){.main-content{padding:16px 20px}.header-icon{width:50px;height:50px;min-width:50px}.list-item{flex-wrap:wrap;gap:8px}.list-item>span{flex:1 1 100%}.list-item .btn-view{justify-content:flex-start;width:100%!important}.academic-pagination{gap:10px;margin-top:24px}.page-btn{height:36px;padding:0 16px;font-size:13px}.page-info{font-size:13px}}.sidebar{width:230px;flex-shrink:0;background:#fff;border-radius:8px;box-shadow:0 2px 12px #00000008;position:relative;transition:width .3s ease,opacity .3s ease,transform .3s ease;overflow:visible}.learn-articles-sidebar-mobile{display:none}.sidebar.collapsed{width:0}.sidebar.collapsed .sidebar-inner{opacity:0;pointer-events:none;padding:0;overflow:hidden}.sidebar-inner{width:100%;padding:24px 20px}.toggle-btn{position:absolute;left:-16px;top:calc(50% - 40px);width:20px;height:80px;cursor:pointer;z-index:1;transition:all .3s ease;display:flex;justify-content:center;align-items:center;background-image:url(/cdn/shop/files/learn-blogs-toggle-btn-bg.svg?v=1793164805);background-size:cover;background-position:center}.arrow-icon{display:flex;align-items:center;justify-content:center;transform:rotate(-90deg);transition:transform .3s ease}.sidebar.collapsed .toggle-btn{left:-12px;top:20%}.sidebar.collapsed .arrow-icon{transform:rotate(90deg)}.search-box{position:relative;margin-bottom:24px}.search-box form{width:100%;margin:0;padding:0}.search-box input{width:100%;padding:10px 10px 10px 32px;border:1px solid #ddd;border-radius:20px;font-size:14px;outline:none}.search-box:before{content:"\1f50d";position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:12px;color:#999}.accordion-title{display:flex;align-items:center;cursor:pointer;font-size:15px;color:#333;padding:8px 0;-webkit-user-select:none;user-select:none}.accordion-title .arrow{display:inline-block;margin-right:8px;font-size:10px;transition:transform .3s ease}.accordion-item.active .accordion-title{color:#0068b6}.accordion-item.active .accordion-title .arrow{transform:rotate(0)}.accordion-item:not(.active) .accordion-title .arrow{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out;padding-left:22px}.accordion-item.active .accordion-content{max-height:500px;transition:max-height .4s ease-in}.accordion-content ul{list-style:none;padding-left:14px;margin:0}.accordion-content li{margin-bottom:12px}.accordion-content a{text-decoration:none;color:#333;font-size:14px;line-height:1.4;display:block}.accordion-content a:hover,.accordion-content a.active{color:#0068b6}.sidebar-single-link a{display:block;font-size:15px;color:#333;text-decoration:none;padding-left:22px;transition:color .2s}.sidebar-single-link a:hover,.sidebar-single-link.active a{color:#0068b6}.accordion-content a.active-link{color:#0068b6;font-weight:700}.sidebar-single-link a.active-link{color:#0068b6}.mobile-sidebar-toggle{display:none}.mobile-sidebar-modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999}.mobile-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;transition:opacity .3s ease}.mobile-modal-content{position:absolute;bottom:0;left:5%;transform:translate(-50%,-50%) scale(.9);width:90%;max-width:400px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:50px 20px 80px;opacity:0;transition:all .3s ease;max-height:80vh;overflow-y:auto;z-index:10000}.mobile-modal-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:24px;color:#999;cursor:pointer;line-height:1;padding:5px;z-index:10001}.mobile-modal-close:hover{color:#333}.mobile-sidebar-modal.is-active{display:block}.mobile-sidebar-modal.is-active .mobile-modal-overlay{opacity:1}.mobile-sidebar-modal.is-active .mobile-modal-content{transform:none;opacity:1}@media(max-width:900px){.learn-articles-sidebar-mobile{display:block;padding-top:30px;position:sticky;top:70px}.learns-knowledge-sidebar-mobile{display:none}.layout-wrapper .sidebar{display:none!important}.mobile-sidebar-toggle{display:inline-block;margin-bottom:16px;padding:8px 16px;background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;font-weight:700;color:#333;cursor:pointer;box-shadow:0 2px 4px #0000000d}.mobile-modal-content .sidebar{position:static!important;width:100%!important;height:auto!important;transform:none!important;box-shadow:none!important;border-radius:0!important;display:block!important;background:#fff}.mobile-modal-content .sidebar-inner{padding:10px 0 0!important;display:block!important;opacity:1!important;pointer-events:auto!important;background:transparent;position:static;max-height:none}.mobile-modal-content .toggle-btn{display:none!important}.mobile-sidebar-modal.is-active .mobile-modal-content{transform:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/learns-academic-template.css.map */