.learn-hero{padding:3rem 0 2.5rem;margin-top:-1rem}.learn-hero.bg-gradient-dark-brand{background:linear-gradient(135deg,#164267 0%,#0d6efd 100%)!important}.learn-hero h1{font-size:2.25rem;font-weight:700}.learn-hero .lead{opacity:.95}.learn-hero .search-box{max-width:500px}.learn-hero .btn-primary{background-color:#3193ef;border-color:#3193ef}.learn-hero .btn-primary:hover{background-color:#2178d1;border-color:#2178d1}.learn-search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:.5rem;box-shadow:0 8px 30px rgba(0,0,0,.2);margin-top:.5rem;z-index:1000;max-height:400px;overflow-y:auto}.learn-search-results-list{padding:.5rem 0}.learn-search-result-item{display:flex;align-items:flex-start;padding:.75rem 1rem;text-decoration:none;color:#212529;transition:background .15s ease;border-bottom:1px solid #f0f0f0}.learn-search-result-item:last-child{border-bottom:none}.learn-search-result-item:hover{background:#f8f9fa}.learn-search-result-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-right:.75rem;font-size:.9rem}.learn-search-result-content{flex:1;min-width:0;text-align:left}.learn-search-result-title{display:block;font-weight:600;font-size:.95rem;color:#212529;line-height:1.3}.learn-search-result-item:hover .learn-search-result-title{color:#3193ef}.learn-search-result-summary{display:block;font-size:.8rem;color:#6c757d;margin-top:.2rem;line-height:1.4}.learn-search-view-all{padding:.75rem 1rem;border-top:1px solid #e9ecef;background:#f8f9fa}.learn-search-no-results{font-size:.9rem}.toolbox-learn-hero{margin-top:0;border-radius:.5rem;margin-bottom:1.5rem}.lesson-header{margin-top:-1rem}.lesson-header.bg-gradient-dark-brand{background:linear-gradient(135deg,#164267 0%,#0d6efd 100%)!important}.lesson-header .breadcrumb{font-size:.85rem}.lesson-header .breadcrumb-item+.breadcrumb-item::before{color:rgba(255,255,255,.5)}.toolbox-lesson-header{margin-top:0;border-radius:.5rem;margin-bottom:1rem}.category-card{transition:transform .2s ease,box-shadow .2s ease;border-radius:.75rem!important;overflow:hidden;border:none!important}.category-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.15)}.category-card .card-body{border-radius:.75rem}.category-card .fa-3x{opacity:.9}.category-card .category-name{font-weight:600;margin-bottom:.5rem}.category-card .category-description{font-size:.875rem;opacity:.9;margin-bottom:.75rem;line-height:1.4}.category-card .lesson-count-badge{background:rgba(255,255,255,.2);border-radius:1rem;padding:.25rem .75rem;font-size:.8rem;font-weight:500}.category-card.bg-ditto-yellow .card-body,.category-card.bg-ditto-light-yellow .card-body,.bg-ditto-yellow .category-name,.bg-ditto-light-yellow .category-name,.bg-ditto-yellow .category-description,.bg-ditto-light-yellow .category-description,.bg-ditto-yellow .lesson-count-badge,.bg-ditto-light-yellow .lesson-count-badge{color:#212529!important}.lesson-grid-card{border-radius:.75rem!important;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;border-left-width:4px!important;border-left-style:solid!important}.lesson-grid-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.lesson-grid-card .card-img-top{border-radius:.75rem .75rem 0 0}.lesson-grid-card .card-body{padding:1rem}.lesson-grid-card .card-title{font-weight:600;font-size:1rem;color:#212529;margin-bottom:.5rem}.lesson-grid-card:hover .card-title{color:#3193ef}.lesson-grid-card .card-text{font-size:.85rem;color:#6c757d;line-height:1.5}.lesson-page{padding:2rem 0}.lesson-video-wrapper{border-radius:.75rem;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1)}.lesson-video-wrapper .video-container{border-radius:0}.lesson-article{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 2px 12px rgba(0,0,0,6%);border:1px solid #e9ecef}.lesson-content{max-width:100%;font-size:1.05rem;line-height:1.7;color:#333}.lesson-content img{max-width:100%;height:auto;border-radius:.5rem;box-shadow:0 2px 10px rgba(0,0,0,.1)}.lesson-content pre{background:#1e1e1e;color:#d4d4d4;padding:1.25rem;border-radius:.5rem;overflow-x:auto;margin:1.5rem 0}.lesson-content code{background:#f1f3f4;padding:.2rem .5rem;border-radius:.25rem;font-size:.9em;color:#d63384}.lesson-content pre code{background:0 0;color:inherit;padding:0}.lesson-content h1,.lesson-content h2,.lesson-content h3,.lesson-content h4{margin-top:2rem;margin-bottom:1rem;font-weight:600;color:#212529}.lesson-content h1{font-size:1.75rem}.lesson-content h2{font-size:1.5rem}.lesson-content h3{font-size:1.25rem}.lesson-content h4{font-size:1.1rem}.lesson-content h1:first-child,.lesson-content h2:first-child,.lesson-content h3:first-child{margin-top:0}.lesson-content p{margin-bottom:1.25rem}.lesson-content blockquote{border-left:4px solid #3193ef;padding:1rem 1.25rem;margin:1.5rem 0;background:#f8f9fa;border-radius:0 .5rem .5rem 0;font-style:italic;color:#555}.lesson-content blockquote cite{display:block;font-style:normal;font-size:.9rem;color:#888;margin-top:.75rem}.lesson-content .alert{border-radius:.5rem;margin:1.5rem 0}.lesson-content hr{margin:2.5rem 0;border:none;height:2px;background:linear-gradient(90deg,transparent,#e9ecef,transparent)}.lesson-content ul,.lesson-content ol{margin-bottom:1.25rem;padding-left:1.75rem}.lesson-content li{margin-bottom:.5rem}.lesson-content figure{margin:2rem 0}.lesson-content figure:not(.text-center):not(.text-end){text-align:left}.lesson-content figcaption{font-size:.9rem;color:#666;margin-top:.75rem}.lesson-content a{color:#3193ef;text-decoration:none}.lesson-content a:hover{text-decoration:underline}.lesson-nav-card{display:block;padding:1rem 1.25rem;background:#fff;border:1px solid #e9ecef;border-radius:.75rem;text-decoration:none;transition:all .2s ease;height:100%}.lesson-nav-card:hover{border-color:#3193ef;box-shadow:0 4px 12px rgba(49,147,239,.15);transform:translateY(-2px)}.lesson-nav-prev{text-align:left}.lesson-nav-next{text-align:right}.lesson-nav-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#6c757d;margin-bottom:.25rem}.lesson-nav-title{display:block;font-weight:600;color:#212529;font-size:.95rem;line-height:1.3}.lesson-nav-card:hover .lesson-nav-title{color:#3193ef}.lesson-sidebar-wrapper{position:sticky;top:100px}.lesson-info-card{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,6%);border:1px solid #e9ecef}.lesson-info-header{background:#f8f9fa;padding:.875rem 1rem;font-weight:600;font-size:.9rem;color:#495057;border-bottom:1px solid #e9ecef}.lesson-info-body{padding:1rem}.lesson-meta-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f0f0f0}.lesson-meta-row:last-child{border-bottom:none}.lesson-meta-label{font-size:.85rem;color:#6c757d}.lesson-meta-value{font-size:.85rem;font-weight:500;color:#212529}.lesson-category-link{display:inline-block;padding:.25rem .5rem;background:#f8f9fa;border-radius:.375rem;text-decoration:none;border-left:3px solid;transition:all .15s ease}.lesson-category-link:hover{background:#e9ecef}.lesson-related-link{display:block;padding:.75rem 1rem;color:#3193ef;text-decoration:none;font-weight:500;transition:background .15s ease;border-bottom:1px solid #f0f0f0}.lesson-related-link:last-child{border-bottom:none}.lesson-related-link:hover{background:#f8f9fa}.lesson-related-link.text-muted{color:#6c757d!important;font-size:.875rem}.lesson-action-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;color:#495057;text-decoration:none;transition:all .15s ease;border-bottom:1px solid #f0f0f0}.lesson-action-link:last-child{border-bottom:none}.lesson-action-link:hover{background:#f8f9fa;color:#3193ef}.lesson-action-link i{width:20px;text-align:center;color:#6c757d}.lesson-action-link:hover i{color:#3193ef}.lesson-tags .badge{font-weight:500}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:.5rem;background:#000}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.section-header{font-weight:600;color:#212529;margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:2px solid #e9ecef}.lesson-type-badge{font-size:.7rem;padding:.25rem .5rem;border-radius:.25rem}.learn-sidebar .card{border-radius:.75rem!important;overflow:hidden}.learn-sidebar .card-header{font-weight:600;font-size:.9rem}.learn-sidebar .list-group-item{border-left:0;border-right:0;padding:.75rem 1rem}.learn-sidebar .list-group-item:first-child{border-top:0}.learn-sidebar .list-group-item:last-child{border-bottom:0}.lesson-nav-btn{min-width:180px}.screenshot-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.screenshot-gallery img{width:100%;height:auto;border-radius:.5rem;cursor:pointer;transition:transform .2s ease}.screenshot-gallery img:hover{transform:scale(1.05)}.lesson-feedback-container .feedback-btn{font-weight:500}.lesson-feedback-container .feedback-btn:hover{transform:translateY(-1px)}.lesson-feedback-container .feedback-btn.btn-outline-success:hover{background:var(--cui-success);border-color:var(--cui-success);color:#fff}.lesson-feedback-container .feedback-btn.btn-outline-danger:hover{background:#dc3545;border-color:#dc3545;color:#fff}.lesson-feedback-container .change-feedback-btn{font-size:.8rem;text-decoration:none}.lesson-feedback-container .change-feedback-btn:hover{text-decoration:underline}@media(max-width:768px){.learn-hero{padding:2rem 0 1.5rem}.learn-hero h1{font-size:1.75rem}.lesson-list-card .lesson-thumbnail,.lesson-list-card .lesson-thumbnail-placeholder{width:100px;height:60px}.lesson-nav-btn{min-width:auto;width:100%}}