:root{--primary: #2DBE72;--primary-hover: #27AA65;--primary-light: #D4F5E5;--primary-dark: #1E8A4C;--background: #F9FAFB;--surface: #FFFFFF;--surface-hover: #F3F4F6;--text-primary: #111827;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--text-white: #FFFFFF;--border: #E5E7EB;--border-light: #F3F4F6;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--container-max-width: 1400px;--module-detail-width: 1200px;--transition: all .2s ease-in-out;--transition-fast: all .15s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--background);font-size:16px}body.public-page{--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem}body.academy-admin-page{--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--z-admin-base: 0;--z-admin-editor-hint: 10;--z-admin-editor-action: 20;--z-admin-sticky: 30;--z-admin-navigation: 40;--z-admin-inline-action: 50;--z-admin-floating-toolbar: 65;--z-admin-toolbar: 70;--z-admin-popover: 80;--z-admin-modal: 100;--z-admin-toast: 110;--z-admin-blocking: 120}.admin-layer-sticky{z-index:var(--z-admin-sticky)}.admin-layer-navigation{z-index:var(--z-admin-navigation)}.admin-layer-popover{z-index:var(--z-admin-popover)}.admin-layer-modal{z-index:var(--z-admin-modal)}.admin-layer-toast{z-index:var(--z-admin-toast)}.admin-layer-blocking{z-index:var(--z-admin-blocking)}#editor-container .ql-tooltip{z-index:var(--z-admin-popover);box-sizing:border-box;max-width:calc(100% - 16px)}#editor-container .ql-tooltip.ql-hidden{display:none}@media(max-width:640px){#editor-container .ql-tooltip.ql-editing:not(.ql-hidden){display:flex;align-items:center;gap:4px;width:calc(100% - 16px);white-space:normal}#editor-container .ql-tooltip.ql-editing input[type=text]{flex:1 1 auto;min-width:0;width:auto}}.academy-admin-page .ql-editor .html-snippet-content .lesson-table-wrapper{margin:var(--spacing-xl) 0;overflow-x:auto;border-top:1px solid var(--border);border-radius:0;background-color:#fff;box-shadow:none;-webkit-overflow-scrolling:touch}.academy-admin-page .ql-editor .html-snippet-content .lesson-table caption{caption-side:top;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border);background-color:#fff;color:#111827;font-weight:700;text-align:left}.academy-admin-page .ql-editor .html-snippet-content .lesson-table th,.academy-admin-page .ql-editor .html-snippet-content .lesson-table td{border:0;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.academy-admin-page .ql-editor .html-snippet-content .lesson-table th{padding:var(--spacing-md) var(--spacing-lg);background-color:#fafafa;color:#111827;font-weight:700}.academy-admin-page .ql-editor .html-snippet-content .lesson-table td{padding:var(--spacing-xl) var(--spacing-lg);background-color:#fff;color:#111827}@media(max-width:768px){.academy-admin-page .ql-editor .html-snippet-content .lesson-table th,.academy-admin-page .ql-editor .html-snippet-content .lesson-table td{padding:var(--spacing-md)}}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-md)}.module-detail-container{max-width:var(--module-detail-width);margin:0 auto;padding:0 var(--spacing-md)}.lesson-page{--module-detail-width: 1800px}.lesson-page .module-detail-container{max-width:var(--module-detail-width);width:100%;padding:0 var(--spacing-lg)}.header{background-color:var(--surface);border-bottom:1px solid var(--border);padding:var(--spacing-md) 0;margin-bottom:var(--spacing-xl)}.header .container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}@media(min-width:768px){.header .container{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-md)}}.header h1{font-size:1.75rem;font-weight:700;color:var(--primary);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.header p{color:var(--text-secondary);font-size:1rem;margin:0;max-width:720px}.header-logo{width:40px;height:40px}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.module-card{background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl);transition:var(--transition);text-decoration:none;color:inherit;display:block;border:1px solid var(--border-light)}.module-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.module-card-header{display:flex;align-items:center;margin-bottom:var(--spacing-lg)}.module-card-icon{font-size:2.5rem;color:var(--primary);margin-right:var(--spacing-lg);width:60px;text-align:center}.module-card-title{font-size:1.5rem;font-weight:600;line-height:1.2;margin:0}.module-card-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.5}.module-card-audience{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.audience-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;background-color:var(--primary-light);color:var(--primary-dark);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.module-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-tertiary)}.lesson-count{display:flex;align-items:center}.lesson-count i{margin-right:var(--spacing-xs)}.lessons-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.lesson-card{background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-2xl) var(--spacing-3xl);border:1px solid var(--border);transition:var(--transition)}.lesson-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light)}.lesson-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.lesson-card-title{font-size:1.25rem;font-weight:600;margin:0;flex:1}.lesson-card-meta{display:flex;gap:var(--spacing-lg);font-size:.875rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.lesson-progress{margin-left:var(--spacing-lg)}.lesson-progress input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary)}.lesson-content{background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-2xl) var(--spacing-3xl);margin:var(--spacing-xl) 0;border:1px solid var(--border)}.lesson-content-layout{display:flex;gap:var(--spacing-2xl)}.lesson-body{flex:1 1 auto;min-width:0}.lesson-content h1,.lesson-content h2,.lesson-content h3{margin-bottom:var(--spacing-lg);line-height:1.2}.lesson-content h1{font-size:2rem;font-weight:700;color:var(--primary)}.lesson-content h2{font-size:1.5rem;font-weight:600}.lesson-content h3{font-size:1.25rem;font-weight:600}.heading-permalink-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-width:40px;height:40px;margin:-8px 0 -8px var(--spacing-sm);padding:0;border:0;border-radius:var(--radius-md);color:var(--text-tertiary);background-color:transparent;font-size:.875rem;font-weight:600;line-height:1;vertical-align:middle;opacity:.6;cursor:pointer;scroll-margin-top:var(--lesson-heading-scroll-offset, 24px);transition:none}.heading-permalink-button[hidden]{display:none!important}.heading-permalink-mode-status{position:fixed;right:var(--spacing-md);bottom:var(--spacing-md);z-index:50;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--surface-hover);box-shadow:var(--shadow-sm);font-size:.75rem;font-weight:500;line-height:1.5;pointer-events:none}.heading-permalink-mode-status[hidden]{display:none!important}.heading-permalink-button:hover,.heading-permalink-button:focus-visible{color:var(--text-tertiary);background-color:transparent;opacity:1}.heading-permalink-button:focus-visible{outline:3px solid var(--primary-light);outline-offset:2px}.heading-permalink-button.is-copied,.heading-permalink-button.has-copy-error{opacity:1}.heading-permalink-button.is-copied{color:var(--text-secondary);background-color:#f3f4f6}.heading-permalink-button.has-copy-error{color:#7f1d1d;background-color:#fef2f2}.heading-permalink-tooltip{position:absolute;top:calc(100% + var(--spacing-sm));left:50%;z-index:50;width:max-content;max-width:min(280px,calc(100vw - 32px));padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--border);color:#4b5563;background-color:#f3f4f6;box-shadow:0 1px 2px #0f172a14;font-size:.75rem;font-weight:500;line-height:1.5;text-align:left;white-space:pre-line;pointer-events:none;visibility:hidden;opacity:0;transform:translate(calc(-50% + var(--heading-permalink-tooltip-offset, 0px)));transition:none}.heading-permalink-button:hover .heading-permalink-tooltip,.heading-permalink-button:focus-visible .heading-permalink-tooltip{visibility:visible;opacity:1;transform:translate(calc(-50% + var(--heading-permalink-tooltip-offset, 0px)))}.heading-permalink-button.is-copied .heading-permalink-tooltip,.heading-permalink-button.has-copy-error .heading-permalink-tooltip{visibility:hidden;opacity:0}.heading-permalink-status{position:absolute;top:calc(100% + 4px);left:50%;z-index:50;display:none;width:max-content;max-width:min(160px,calc(100vw - 32px));padding:4px 8px;border:1px solid #E5E7EB;border-radius:var(--radius-sm);color:var(--text-secondary);background-color:#f9fafb;box-shadow:0 1px 2px #0f172a14;font-size:.6875rem;font-weight:500;line-height:1.4;white-space:nowrap;pointer-events:none;transform:translate(-50%)}.heading-permalink-button.is-copied .heading-permalink-status,.heading-permalink-button.has-copy-error .heading-permalink-status{display:block}.lesson-content p{margin-bottom:var(--spacing-lg);line-height:1.7}.lesson-content ul,.lesson-content ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}.lesson-content li{margin-bottom:var(--spacing-sm)}.lesson-content .lesson-table-wrapper{margin:var(--spacing-xl) 0;overflow-x:auto;border-top:1px solid var(--border);border-radius:0;background-color:#fff;box-shadow:none;-webkit-overflow-scrolling:touch}.lesson-table{width:100%;min-width:640px;border-collapse:collapse;font-size:1rem;line-height:1.6}.lesson-content .lesson-table caption{caption-side:top;text-align:left;padding:var(--spacing-md) var(--spacing-lg);font-weight:700;color:#111827;background-color:#fff;border-bottom:1px solid var(--border)}.lesson-content .lesson-table th,.lesson-content .lesson-table td{text-align:left;vertical-align:middle;border:0;border-bottom:1px solid var(--border)}.lesson-content .lesson-table th{padding:var(--spacing-md) var(--spacing-lg);background-color:#fafafa;color:#111827;font-weight:700}.lesson-content .lesson-table td{padding:var(--spacing-xl) var(--spacing-lg);color:#111827;background-color:#fff}.lesson-content .lesson-table tbody tr:nth-child(2n) td{background-color:#fff}.lesson-toc{flex:0 0 320px;width:320px;align-self:flex-start;position:sticky;top:var(--spacing-xl);max-height:calc(100vh - 4rem);overflow-y:auto;margin-bottom:0;padding:var(--spacing-lg) 0;background-color:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);scrollbar-color:rgba(17,24,39,.25) transparent}.lesson-toc-header{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:0 var(--spacing-sm) 0 var(--spacing-xl);border:1px solid transparent;border-radius:var(--radius-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;text-align:left}.lesson-toc-header-main{display:inline-flex;align-items:center;gap:var(--spacing-xs);min-width:0}.lesson-toc-header-main i{color:var(--primary)}.lesson-toc-toggle{flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:var(--text-secondary);background-color:transparent;border:0;border-radius:var(--radius-md);cursor:pointer;transition:color .15s ease,background-color .15s ease,transform .15s ease}.lesson-toc-toggle:hover{color:var(--primary-dark);background-color:var(--surface)}.lesson-toc-toggle:focus-visible{outline:3px solid var(--primary-light);outline-offset:2px}.lesson-toc-toggle:active{transform:scale(.97)}.lesson-toc-toggle-icon{color:var(--text-tertiary)}.lesson-toc-list{margin:0;padding:0 var(--spacing-xl);list-style:none;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--spacing-sm);counter-reset:toc-counter}.lesson-toc-list[hidden]{display:none!important}.lesson-toc-item{counter-increment:toc-counter}.lesson-toc-item a{position:relative;display:flex;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-sm) .75rem;border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;font-weight:500;line-height:1.45;transition:background-color .2s ease,color .2s ease}.lesson-toc-item a:before{content:counter(toc-counter,decimal-leading-zero);flex:0 0 auto;font-size:.75rem;font-weight:600;color:var(--primary-dark);background-color:var(--primary-light);padding:0 var(--spacing-xs);border-radius:var(--radius-sm)}.lesson-toc-item--depth-0 a{align-items:center}.lesson-toc-item--depth-0 a:before{line-height:1.45}.lesson-toc-item--depth-1,.lesson-toc-item--depth-2{counter-increment:none}.lesson-toc-item--depth-1 a,.lesson-toc-item--depth-2 a{font-weight:400;font-size:.92em;color:var(--text-secondary);padding-left:.75rem}.lesson-toc-item--depth-1 a{margin-left:2rem}.lesson-toc-item--depth-2 a{margin-left:3.25rem}.lesson-toc-item--depth-1 a:before,.lesson-toc-item--depth-2 a:before{content:"";width:4px;height:4px;padding:0;margin-top:var(--spacing-sm);border-radius:50%;background-color:var(--primary-light)}.lesson-toc-item a:hover,.lesson-toc-item a:focus-visible{background-color:var(--surface);color:var(--primary-dark);outline:none;box-shadow:inset 0 0 0 1px var(--primary-light)}.lesson-toc::-webkit-scrollbar{width:8px}.lesson-toc::-webkit-scrollbar-thumb{background-color:#11182740;border-radius:999px}.lesson-toc.is-collapsed{flex:0 0 124px;width:124px;max-height:none;overflow:visible;padding:var(--spacing-lg) 0;background-color:transparent;border:1px solid transparent;box-shadow:none}.lesson-toc.is-collapsed .lesson-toc-header{margin-bottom:0;padding:0 var(--spacing-sm);background-color:var(--surface-hover);border-color:var(--border);box-shadow:var(--shadow-sm)}.lesson-toc.is-collapsed .lesson-toc-toggle:hover{background-color:var(--primary-light)}.lesson-toc.is-collapsed .lesson-toc-toggle:hover .lesson-toc-toggle-icon{color:var(--primary-dark)}@media(max-width:1200px){.lesson-content-layout{flex-direction:column;gap:var(--spacing-lg)}.lesson-toc{position:static;order:-1;flex:none;width:min(100%,640px);align-self:flex-end;max-height:min(480px,60vh);margin-bottom:0}.lesson-toc.is-collapsed{flex:none;width:124px;max-height:none;overflow:visible}}.video-container{margin:var(--spacing-xl) 0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.video-container iframe,.video-container video,.ql-video{width:100%;height:600px;border:none;display:block}.lesson-content img,.lesson-card img,.module-card img{max-width:100%;height:auto;display:block;margin:var(--spacing-lg) 0;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.ql-editor img{max-width:100%;height:auto;display:block;margin:1em 0;border-radius:var(--radius-md)}img{max-width:100%;height:auto}.image-container{max-width:100%;overflow:hidden;margin:var(--spacing-lg) 0;border-radius:var(--radius-md)}.image-container img{width:100%;height:auto;display:block}.filter-search-section{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.filter-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);align-items:center;margin-bottom:var(--spacing-lg)}.filter-group{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-group label{font-weight:500;color:var(--text-secondary);font-size:.9rem}.search-box{flex:1;min-width:300px;position:relative}.search-box input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition)}.search-box input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.search-box input[type=text]{padding-right:3.75rem}.catalog-filter.filter-section{padding:var(--spacing-xl);margin-bottom:2.5rem;background-color:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:0 4px 20px #0000000a}.catalog-filter .filter-label{display:block;margin:0 0 .75rem;color:var(--text-secondary);font-size:.875rem;font-weight:600;line-height:1.5;letter-spacing:normal;text-transform:none}.catalog-filter .filter-buttons{display:flex;justify-content:flex-start;gap:var(--spacing-sm);margin:0 0 var(--spacing-lg)}.catalog-filter .filter-btn{position:relative;min-height:40px;padding:var(--spacing-sm) var(--spacing-md);overflow:visible;isolation:auto;color:var(--text-secondary);font-size:.875rem;font-weight:600;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:none;transform:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.catalog-filter .filter-btn:before{display:none}.catalog-filter .filter-btn:hover{color:var(--text-primary);background:var(--surface-hover);border-color:var(--border);box-shadow:none;transform:none}.catalog-filter .filter-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--primary-light)}.catalog-filter .filter-btn.active{color:var(--text-white);background:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-sm)}.catalog-filter .search-box{position:relative;width:100%;min-width:0}.catalog-filter .search-box:before{content:"";position:absolute;top:50%;left:var(--spacing-md);z-index:1;width:var(--spacing-md);color:var(--text-tertiary);font-family:"Font Awesome 6 Free";font-size:.875rem;font-weight:900;line-height:1;text-align:center;pointer-events:none;transform:translateY(-50%)}.catalog-filter .search-box input,.catalog-filter .search-box input[type=text]{width:100%;min-height:44px;padding:.625rem var(--spacing-md) .625rem 2.75rem;color:var(--text-primary);font-size:.95rem;line-height:1.5;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.catalog-filter .search-box input::placeholder{color:var(--text-tertiary)}.catalog-filter .search-box input:focus{outline:none;background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.search-results{position:absolute;top:calc(100% + var(--spacing-sm));left:0;right:0;z-index:1000;max-height:min(400px,60vh);overflow-y:auto;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.search-results-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-light);background-color:var(--surface-hover)}.search-results-header h4{margin:0;font-size:.9rem;color:var(--text-primary)}.search-results .btn-close{padding:.25rem;color:var(--text-tertiary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer}.search-results .btn-close:hover{color:var(--text-primary);background-color:var(--border-light)}.search-results-list{max-height:320px;overflow-y:auto}.search-result-item{padding:1rem;border-bottom:1px solid var(--border-light);cursor:pointer;transition:var(--transition)}.search-result-item:hover,.search-result-item.highlighted{background-color:var(--surface-hover)}.search-result-item:last-child{border-bottom:none}.search-result-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.search-result-title{margin:0;font-size:1rem;font-weight:500}.search-result-title a{color:var(--primary);text-decoration:none}.search-result-title a:hover{color:var(--primary-hover)}.search-result-meta{display:flex;gap:1rem;margin-top:.25rem;color:var(--text-secondary);font-size:.875rem}.search-no-results,.search-error{padding:2rem;color:var(--text-secondary);text-align:center}.search-no-results i,.search-error i{margin-bottom:1rem;color:var(--text-tertiary);font-size:2rem}.search-results mark{padding:0 .125rem;color:#856404;background-color:#fff3cd}.filter-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.filter-btn{background-color:var(--surface);border:1px solid var(--border);color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;transition:var(--transition)}.filter-btn:hover{background-color:var(--surface-hover);border-color:var(--primary-light)}.filter-btn.active{background-color:var(--primary);color:var(--text-white);border-color:var(--primary)}.audience-badges{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.audience-badge{background-color:var(--primary-light);color:var(--primary-dark);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:var(--transition);border:none}.btn-primary{background-color:var(--primary);color:var(--text-white)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background-color:var(--surface-hover);border-color:var(--primary-light)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);font-size:.875rem;color:var(--text-secondary)}.lesson-top-bar{display:flex;flex-direction:column;gap:var(--spacing-xs)}@media(min-width:640px){.lesson-top-bar{flex-direction:row;align-items:center;gap:var(--spacing-md)}}.lesson-top-bar .back-button{flex-shrink:0}.breadcrumb a{color:var(--primary);text-decoration:none;transition:var(--transition)}.breadcrumb a:hover{color:var(--primary-hover)}.breadcrumb-separator{color:var(--text-tertiary)}.back-button{display:inline-flex;align-items:center;color:var(--primary);text-decoration:none;margin-bottom:var(--spacing-xl);font-weight:500;transition:var(--transition)}.back-button i{margin-right:var(--spacing-sm)}.back-button:hover{color:var(--primary-hover);transform:translate(-2px)}.lesson-back-link{position:fixed;bottom:var(--spacing-xl);left:0%;transform:none;display:none;z-index:100}.lesson-back-link.is-visible{display:flex;align-items:center}.lesson-back-link-anchor{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--text-secondary);text-decoration:none;background-color:var(--surface);border:1px solid var(--border);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:var(--transition);white-space:nowrap}.lesson-back-link-anchor i{font-size:.75rem}.lesson-back-link-anchor:hover{color:var(--primary);border-color:var(--primary-light);box-shadow:var(--shadow-md)}@media(max-width:1344px){.lesson-back-link{position:static;left:auto;bottom:auto;transform:none;margin:var(--spacing-md) 0 var(--spacing-lg)}.lesson-back-link.is-visible{display:inline-flex;align-items:center}}.loading{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.error{background-color:#fef2f2;color:var(--error);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid #FECACA;margin:var(--spacing-lg) 0}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.empty-state i{font-size:2rem;color:var(--text-tertiary)}.lesson-section{border-left:4px solid var(--primary);background-color:var(--surface);padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:var(--spacing-xl) 0}.lesson-section h2,.lesson-section h3{margin-top:0;margin-bottom:var(--spacing-md)}.lesson-callout{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin:var(--spacing-xl) 0;border:1px solid transparent;box-shadow:var(--shadow-sm);page-break-inside:avoid;break-inside:avoid}.lesson-callout:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:1.25rem;opacity:.6;line-height:1;flex-shrink:0;margin-top:.25rem;color:currentColor}.lesson-callout-content{flex:1;min-width:0;page-break-inside:avoid;break-inside:avoid}.lesson-callout-title{font-weight:600;margin-bottom:var(--spacing-sm)}.lesson-callout--info{background-color:#e0f2fe;border-color:#bae6fd;color:#0c4a6e}.lesson-callout--warning{background-color:#fef3c7;border-color:#fde68a;color:#92400e}.lesson-callout--success{background-color:#dcfce7;border-color:#bbf7d0;color:#166534}.lesson-callout--danger{background-color:#fee2e2;border-color:#fecaca;color:#991b1b}.lesson-callout-body p{margin:0}.lesson-callout-body p+p{margin-top:var(--spacing-sm)}.admin-container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border)}.admin-actions{display:flex;gap:var(--spacing-md)}.scroll-to-top{position:fixed;right:var(--spacing-xl);bottom:var(--spacing-xl);width:3.25rem;height:3.25rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:9999px;background-color:var(--primary);color:var(--text-white);box-shadow:var(--shadow-lg);cursor:pointer;opacity:0;transform:translateY(20px);transition:opacity .2s ease,transform .2s ease,background-color .2s ease;pointer-events:none;z-index:1000}.scroll-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.scroll-to-top:hover,.scroll-to-top:focus-visible{background-color:var(--primary-hover)}.scroll-to-top:focus-visible{outline:2px solid var(--primary-light);outline-offset:3px}.scroll-to-top i{font-size:1.1rem}@media(max-width:768px){:root{--container-max-width: 100%;--module-detail-width: 100%}.lesson-page{--module-detail-width: 100%}.lesson-page .module-detail-container,.container,.module-detail-container{padding:0 var(--spacing-sm)}.modules-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.lesson-card,.lesson-content{padding:var(--spacing-lg) var(--spacing-xl)}.lesson-card-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.lesson-progress{margin-left:0;margin-top:var(--spacing-sm)}.filter-controls{flex-direction:column;align-items:stretch}.catalog-filter.filter-section{padding:var(--spacing-md);margin-bottom:var(--spacing-xl)}.search-box{min-width:unset}.search-result-header{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.search-result-title{line-height:1.5;overflow-wrap:anywhere}.search-result-meta{flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-md);margin-top:0}.search-result-meta .module-info,.search-result-meta .duration{display:inline-flex;gap:var(--spacing-xs);align-items:center}.filter-buttons{justify-content:center}.admin-header{flex-direction:column;gap:var(--spacing-lg);align-items:stretch}.admin-actions{justify-content:center}.video-container iframe,.video-container video,.ql-video{height:250px}.lesson-content img,.lesson-card img,.ql-editor img{max-width:100%;width:100%;height:auto;margin:var(--spacing-md) 0}.lesson-toc,.lesson-toc.is-collapsed{width:100%;max-width:100%;align-self:center;padding:var(--spacing-md) 0}.lesson-content .lesson-table th,.lesson-content .lesson-table td{padding:var(--spacing-md)}}@media(max-width:480px){.header h1{font-size:1.5rem}.module-card{padding:var(--spacing-lg)}.module-card-icon{font-size:2rem;width:50px}.module-card-title{font-size:1.25rem}.lesson-card,.lesson-content{padding:var(--spacing-md) var(--spacing-lg)}}@media(max-width:768px){.scroll-to-top{right:var(--spacing-lg);bottom:var(--spacing-lg);width:3rem;height:3rem}}@media(max-width:480px){.scroll-to-top{right:var(--spacing-md);bottom:var(--spacing-md);width:2.75rem;height:2.75rem}}.embed-delete-btn{display:none!important}.ql-editor .embed-delete-btn{display:flex!important}.lesson-page .lesson-content{padding:var(--spacing-2xl)}.code-block-enhanced{position:relative;margin:var(--spacing-lg) 0;overflow:hidden;border:1px solid rgba(148,163,184,.24);border-radius:var(--radius-lg);background:#0f172a;box-shadow:inset 0 1px #ffffff0a}.code-block-enhanced__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:.5rem .75rem 0}.code-block-enhanced__lang{display:inline-flex;align-items:center;padding:.375rem .625rem;border-radius:999px;background:#94a3b824;color:#cbd5e1;font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.code-block-enhanced__actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.code-block-enhanced__copy,.code-block-enhanced__toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border:1px solid rgba(148,163,184,.24);border-radius:999px;background:#0f172ab8;color:#e2e8f0;font-size:.8rem;font-weight:700;cursor:pointer;transition:var(--transition-fast)}.code-block-enhanced__copy:hover,.code-block-enhanced__toggle:hover{border-color:#94a3b866;background:#1e293bf5;transform:translateY(-1px)}.code-block-enhanced__copy.is-copied{border-color:#2dbe726b;background:#2dbe722e;color:#d1fae5}.code-block-enhanced__copy:disabled{opacity:.72;cursor:wait;transform:none}.code-block-enhanced .code-block-enhanced__pre{margin:0;padding:.5rem 1.25rem 1rem;overflow-x:auto;border:0;border-radius:0;background:transparent;color:#e2e8f0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.93rem;line-height:1.75;white-space:pre-wrap;word-break:break-word}.code-block-enhanced--collapsible .code-block-enhanced__pre{transition:max-height .25s ease}.code-block-enhanced--collapsed .code-block-enhanced__pre{max-height:calc(var(--code-block-visible-lines, 8) * 1.75em);overflow-y:hidden}.code-block-enhanced__fade{position:absolute;right:0;bottom:0;left:0;height:3rem;background:linear-gradient(to bottom,#0f172a00,#0f172aeb);opacity:0;pointer-events:none;transition:opacity .2s ease}.code-block-enhanced--collapsed .code-block-enhanced__fade{opacity:1}.image-lightbox-trigger{cursor:zoom-in}body.image-lightbox-open{overflow:hidden}.image-lightbox-overlay{position:fixed;z-index:2000;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:#0f172ae0;animation:image-lightbox-fade-in .15s ease}.image-lightbox-overlay[hidden]{display:none!important}@keyframes image-lightbox-fade-in{0%{opacity:0}to{opacity:1}}.image-lightbox-image{max-width:100%;max-height:90vh;border-radius:var(--radius-md);box-shadow:var(--shadow-xl);object-fit:contain;cursor:zoom-out}.image-lightbox-close{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:0;border-radius:50%;background:#ffffff1f;color:#fff;font-size:1.1rem;cursor:pointer;transition:var(--transition-fast)}.image-lightbox-close:hover,.image-lightbox-close:focus-visible{outline:none;background:#ffffff3d}@media(max-width:480px){.code-block-enhanced__toolbar{padding:.625rem .75rem 0}.code-block-enhanced__lang{display:none}.image-lightbox-overlay{padding:var(--spacing-md)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;white-space:nowrap;clip:rect(0,0,0,0)}.external-link-icon{display:inline-block;margin-left:.3em;color:currentColor;font-size:.8em;vertical-align:-.125em;opacity:.75}.lesson-bookmark-card{display:flex;align-items:stretch;justify-content:flex-start;gap:var(--spacing-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-lg);border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--surface);box-shadow:var(--shadow-sm);color:inherit;text-decoration:none;transition:var(--transition)}.lesson-bookmark-card:hover,.lesson-bookmark-card:focus-visible{border-color:var(--primary-light);outline:none;box-shadow:var(--shadow-md);transform:translateY(-1px)}.lesson-bookmark-card__body{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;gap:var(--spacing-xs);min-width:0}.lesson-bookmark-card__title{overflow:hidden;color:var(--text-primary);font-size:1.05rem;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.lesson-bookmark-card:hover .lesson-bookmark-card__title{color:var(--primary-dark)}.lesson-bookmark-card__description{overflow:hidden;color:var(--text-secondary);font-size:.875rem;line-height:1.5;white-space:nowrap;text-overflow:ellipsis}.lesson-bookmark-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs) var(--spacing-md);color:var(--text-secondary);font-size:.85rem}.lesson-bookmark-card__meta>span{white-space:nowrap}.lesson-bookmark-card__meta i{margin-right:var(--spacing-xs);color:var(--text-tertiary)}.lesson-bookmark-card__icon{display:flex;flex-shrink:0;align-items:center;align-self:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--radius-md);background-color:var(--primary-light);color:var(--primary);font-size:1.35rem}@media(max-width:480px){.lesson-bookmark-card{align-items:flex-start;gap:var(--spacing-md)}.lesson-bookmark-card__body{width:100%}.lesson-bookmark-card__icon{align-self:flex-start;width:2.5rem;height:2.5rem}}body.lesson-content-style--default{--lesson-reading-ink: var(--text-primary);--lesson-reading-heading: var(--text-primary);--lesson-reading-accent: #2563eb;--lesson-reading-muted: #475569;--lesson-reading-line: var(--border);--lesson-reading-soft: #f8fafc;--lesson-reading-info: #eff6ff;--lesson-reading-success: #f0fdf4;--lesson-reading-warning: #fffbeb;--lesson-reading-danger: #fef2f2}body.lesson-content-style--default .lesson-body{color:var(--lesson-reading-ink);font-size:1rem;line-height:1.8}body.lesson-content-style--default .lesson-body h1,body.lesson-content-style--default .lesson-body h2,body.lesson-content-style--default .lesson-body h3,body.lesson-content-style--default .lesson-body h4,body.lesson-content-style--default .lesson-body h5,body.lesson-content-style--default .lesson-body h6{color:var(--lesson-reading-heading);font-weight:700;line-height:1.4;text-wrap:balance;scroll-margin-top:var(--spacing-2xl)}body.lesson-content-style--default .lesson-body h1,body.lesson-content-style--default .lesson-body h2,body.lesson-content-style--default .lesson-body h3{color:var(--lesson-reading-heading)!important}body.lesson-content-style--default .lesson-body h1{display:inline-block;margin:0 0 var(--spacing-xl);padding:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:2rem;font-weight:800}body.lesson-content-style--default .lesson-body h2{margin:var(--spacing-2xl) 0 var(--spacing-lg);padding:12px 16px!important;border:0!important;border-radius:var(--radius-sm)!important;background:#f3f4f6!important;box-shadow:none!important;font-size:1.625rem;font-weight:800}body.lesson-content-style--default .lesson-body h3{margin:var(--spacing-xl) 0 var(--spacing-md);padding:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:1.25rem}body.lesson-content-style--default .lesson-body>h3{padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--lesson-reading-line)!important}body.lesson-content-style--default .lesson-body h4{margin:var(--spacing-lg) 0 var(--spacing-sm);font-size:1.125rem}body.lesson-content-style--default .lesson-body h5,body.lesson-content-style--default .lesson-body h6{margin:var(--spacing-lg) 0 var(--spacing-sm);font-size:1rem}body.lesson-content-style--default .lesson-body p{margin:0 0 12px;line-height:1.5;text-wrap:pretty}body.lesson-content-style--default .lesson-body ul,body.lesson-content-style--default .lesson-body ol{margin:0 0 var(--spacing-md);padding-left:1.75rem}body.lesson-content-style--default .lesson-body li{margin:var(--spacing-xs) 0;padding-left:var(--spacing-xs);line-height:1.2}body.lesson-content-style--default .lesson-body a{color:var(--lesson-reading-accent);text-decoration-thickness:1px;text-underline-offset:4px;overflow-wrap:anywhere}body.lesson-content-style--default .lesson-body a:hover{color:#1d4ed8}body.lesson-content-style--default .lesson-body strong{color:var(--lesson-reading-ink);font-weight:700}body.lesson-content-style--default .lesson-body img{display:block;max-width:100%;height:auto;margin:var(--spacing-lg) auto;border-radius:var(--radius-md);box-shadow:0 2px 8px #0f172a1f}body.lesson-content-style--default .lesson-body .video-container,body.lesson-content-style--default .lesson-body .video-guide{margin:var(--spacing-lg) 0;overflow:hidden;border-radius:var(--radius-md);background:#0f172a}body.lesson-content-style--default .lesson-body .video-container iframe,body.lesson-content-style--default .lesson-body .ql-video{display:block;width:100%;height:auto!important;aspect-ratio:16 / 9;border:0}body.lesson-content-style--default .lesson-body blockquote{margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg);border:1px solid #bfdbfe;border-radius:var(--radius-md);background:var(--lesson-reading-info);color:#1e3a8a}body.lesson-content-style--default .lesson-body :not(pre)>code{display:inline;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background:#f1f5f9;color:#9f1239;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.875em}body.lesson-content-style--default .lesson-body pre:not(.code-block-enhanced__pre),body.lesson-content-style--default .lesson-body pre.ql-syntax:not(.code-block-enhanced__pre){margin:var(--spacing-lg) 0;padding:var(--spacing-lg);overflow-x:auto;border-radius:var(--radius-md);background:#0f172a;color:#e2e8f0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.875rem;line-height:1.7;white-space:pre}body.lesson-content-style--default .lesson-body pre code{display:inline;padding:0;background:transparent;color:inherit}body.lesson-content-style--default .lesson-body .module-header,body.lesson-content-style--default .lesson-body .lesson-header{margin:0 0 var(--spacing-xl);padding:var(--spacing-lg);border:1px solid #e2e8f0;border-radius:var(--radius-md);background:var(--lesson-reading-soft);text-align:left}body.lesson-content-style--default .lesson-body .module-header h1,body.lesson-content-style--default .lesson-body .lesson-header h1{display:block;margin:0 0 var(--spacing-sm);padding:0;border:0}body.lesson-content-style--default .lesson-body .lesson-meta,body.lesson-content-style--default .lesson-body .meta,body.lesson-content-style--default .lesson-body .hint,body.lesson-content-style--default .lesson-body .lesson-subtitle{color:var(--lesson-reading-muted)}body.lesson-content-style--default .lesson-body :is(.learning-objectives,.key-points,.case-study,.success-box,.warning-box,.feature-box,.comparison-box,.goal-checklist,.spec-box,.email-list,.flow-diagram,.importance-box,.best-practices,.api-setup,.connection-test,.lesson-callout,.key-takeaway,.quiz-answer-box,.answers){margin:var(--spacing-lg) 0;padding:var(--spacing-lg);border:1px solid #dbeafe;border-radius:var(--radius-lg);background:var(--lesson-reading-info);color:#1e3a8a;box-shadow:none}body.lesson-content-style--default .lesson-body :is(.key-points,.comparison-box,.best-practices){border-color:#fde68a;background:var(--lesson-reading-warning);color:#78350f}body.lesson-content-style--default .lesson-body :is(.case-study,.success-box,.goal-checklist,.lesson-callout--success,.answers){border-color:#bbf7d0;background:var(--lesson-reading-success);color:#14532d}body.lesson-content-style--default .lesson-body :is(.warning-box,.lesson-callout--danger){border-color:#fecaca;background:var(--lesson-reading-danger);color:#7f1d1d}body.lesson-content-style--default .lesson-body .lesson-callout--warning{border-color:#fde68a;background:var(--lesson-reading-warning);color:#78350f}body.lesson-content-style--default .lesson-body .lesson-callout{display:flex;gap:var(--spacing-md);align-items:flex-start}body.lesson-content-style--default .lesson-body .lesson-callout-content{flex:1;min-width:0}body.lesson-content-style--default .lesson-body .lesson-callout-title{margin-bottom:var(--spacing-sm);font-weight:700}body.lesson-content-style--default .lesson-body :is(.learning-objectives,.key-points,.case-study,.success-box,.warning-box,.feature-box,.comparison-box,.goal-checklist,.spec-box,.email-list,.flow-diagram,.importance-box,.best-practices,.api-setup,.connection-test,.lesson-callout,.key-takeaway,.quiz-answer-box,.answers)>:first-child{margin-top:0}body.lesson-content-style--default .lesson-body :is(.learning-objectives,.key-points,.case-study,.success-box,.warning-box,.feature-box,.comparison-box,.goal-checklist,.spec-box,.email-list,.flow-diagram,.importance-box,.best-practices,.api-setup,.connection-test,.lesson-callout,.key-takeaway,.quiz-answer-box,.answers)>:last-child{margin-bottom:0}body.lesson-content-style--default .lesson-body :is(.learning-objectives,.key-points,.case-study,.success-box,.warning-box,.feature-box,.comparison-box,.goal-checklist,.spec-box,.email-list,.flow-diagram,.importance-box,.best-practices,.api-setup,.connection-test,.lesson-callout,.key-takeaway,.quiz-answer-box,.answers) h3{margin-top:0;border-bottom:0;color:var(--lesson-reading-heading)}body.lesson-content-style--default .lesson-body .lesson-summary,body.lesson-content-style--default .lesson-body .summary-section,body.lesson-content-style--default .lesson-body .summary{margin:var(--spacing-xl) 0;padding:var(--spacing-xl);border:1px solid #e2e8f0;border-radius:var(--radius-lg);background:var(--lesson-reading-soft)}body.lesson-content-style--default .lesson-body :is(.lesson-summary,.summary-section,.summary) h2{margin:0 0 var(--spacing-lg);padding:0 0 var(--spacing-sm)!important;border:0!important;border-bottom:1px solid var(--lesson-reading-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:1.5rem}body.lesson-content-style--default .lesson-body .key-takeaway{margin:var(--spacing-lg) 0;padding:var(--spacing-lg);border:1px solid #c7d2fe;border-radius:var(--radius-md);background:#eef2ff;color:#312e81;box-shadow:none}body.lesson-content-style--default .lesson-body .quiz-section{margin:var(--spacing-xl) 0;padding:var(--spacing-lg);border:1px solid #e2e8f0;border-radius:var(--radius-lg);background:var(--lesson-reading-soft)}body.lesson-content-style--default .lesson-body .quiz-question{margin:var(--spacing-md) 0;font-weight:700}body.lesson-content-style--default .lesson-body .quiz-options{margin:var(--spacing-sm) 0 var(--spacing-lg) var(--spacing-lg)}body.lesson-content-style--default .lesson-body .quiz-options input{margin-right:var(--spacing-sm);accent-color:var(--lesson-reading-accent)}body.lesson-content-style--default .lesson-body .step-list,body.lesson-content-style--default .lesson-body .step-box{margin:var(--spacing-lg) 0}body.lesson-content-style--default .lesson-body .step-list h4,body.lesson-content-style--default .lesson-body .step-box>p:first-child{margin:0;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--lesson-reading-heading);color:#fff}body.lesson-content-style--default .lesson-body .step-list>ul,body.lesson-content-style--default .lesson-body .step-list>ol,body.lesson-content-style--default .lesson-body .step-box>ul,body.lesson-content-style--default .lesson-body .step-box>ol{margin:0 0 var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg) var(--spacing-md) 2.5rem;border:2px solid var(--lesson-reading-heading);border-top:0;border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--lesson-reading-soft)}body.lesson-content-style--default .lesson-body .step-number{display:inline-flex;width:1.75rem;height:1.75rem;margin-right:var(--spacing-sm);align-items:center;justify-content:center;border-radius:50%;background:#fff;color:var(--lesson-reading-heading);font-weight:800;line-height:1;box-shadow:0 2px 4px #0f172a29}body.lesson-content-style--default .lesson-body :where(.scenario-types,.trigger-list,.status-explanation,.settings-list,.line-integration-overview,.illustration-box,.feature-comparison,.checklist,.details-content,.card,.box,section.block){margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg);border:1px solid #e2e8f0;border-radius:var(--radius-lg);background:#fff}body.lesson-content-style--default .lesson-body :where(.scenario-types,.trigger-list,.status-explanation,.settings-list,.line-integration-overview,.illustration-box,.feature-comparison,.checklist,.details-content,.card,.box,section.block)>:first-child{margin-top:0}body.lesson-content-style--default .lesson-body :where(.scenario-types,.trigger-list,.status-explanation,.settings-list,.line-integration-overview,.illustration-box,.feature-comparison,.checklist,.details-content,.card,.box,section.block)>:last-child{margin-bottom:0}body.lesson-content-style--default .lesson-body .review-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0}body.lesson-content-style--default .lesson-body .review-card{padding:var(--spacing-lg);border:1px solid #e2e8f0;border-radius:var(--radius-lg);background:var(--lesson-reading-soft)}body.lesson-content-style--default .lesson-body .review-meta{margin-top:var(--spacing-sm);color:var(--lesson-reading-muted);text-align:right}body.lesson-content-style--default .lesson-body .review-text{line-height:1.8}body.lesson-content-style--default .lesson-body .review-link{display:inline-flex;gap:var(--spacing-xs);align-items:center;font-weight:700}body.lesson-content-style--default .lesson-body .value-highlights ul{margin:var(--spacing-md) 0;padding:0;list-style:none}body.lesson-content-style--default .lesson-body .value-highlights li{margin:0;padding:var(--spacing-md) 0;border-bottom:1px solid var(--lesson-reading-line)}body.lesson-content-style--default .lesson-body .value-highlights li:last-child{border-bottom:0}body.lesson-content-style--default .lesson-body .card-with-icon .card-header{display:flex;gap:var(--spacing-sm);align-items:center;margin-bottom:var(--spacing-md)}body.lesson-content-style--default .lesson-body .card-with-icon .card-header h3{margin:0}body.lesson-content-style--default .lesson-body .card-with-icon .card-icon{flex:0 0 auto;font-size:1.25rem;line-height:1}body.lesson-content-style--default .lesson-body .highlight{padding:0 var(--spacing-xs);background:linear-gradient(transparent 60%,#fde68a 60%);font-weight:700}body.lesson-content-style--default .lesson-body .next-lesson,body.lesson-content-style--default .lesson-body .next-steps{margin-top:var(--spacing-xl);padding:var(--spacing-lg);border:1px solid #bfdbfe;border-radius:var(--radius-md);background:var(--lesson-reading-info)}body.lesson-content-style--default .lesson-body :is(.next-lesson,.next-steps) h3{margin-top:0;border-bottom:0;color:var(--lesson-reading-accent)}body.lesson-content-style--default .lesson-body details{margin:var(--spacing-lg) 0;overflow:hidden;border:1px solid #e2e8f0;border-radius:var(--radius-md);background:#fff}body.lesson-content-style--default .lesson-body details summary{padding:var(--spacing-md) var(--spacing-lg);background:var(--lesson-reading-soft);color:var(--lesson-reading-heading);cursor:pointer;font-weight:700}body.lesson-content-style--default .lesson-body details>:not(summary){margin-right:var(--spacing-lg);margin-left:var(--spacing-lg)}body.lesson-content-style--default .lesson-body .table-scroll,body.lesson-content-style--default .lesson-body .lesson-table-wrapper{width:100%;margin:var(--spacing-lg) 0;overflow-x:auto;border:0;border-top:1px solid #e2e8f0;border-radius:0;background:#fff;box-shadow:none;-webkit-overflow-scrolling:touch}body.lesson-content-style--default .lesson-body table{width:100%;min-width:30rem;margin:var(--spacing-lg) 0;border-collapse:collapse;background:#fff;font-size:.9375rem}body.lesson-content-style--default .lesson-body :is(.table-scroll,.lesson-table-wrapper) table{margin:0}body.lesson-content-style--default .lesson-body .table-scroll .tag-table{display:table;width:max-content;min-width:100%;max-width:none;table-layout:fixed}body.lesson-content-style--default .lesson-body th,body.lesson-content-style--default .lesson-body td{padding:var(--spacing-md) var(--spacing-lg);border:0;border-bottom:1px solid #e2e8f0;background:#fff;color:var(--lesson-reading-ink);text-align:left;vertical-align:middle;overflow-wrap:anywhere;word-break:break-word}body.lesson-content-style--default .lesson-body th{background:var(--lesson-reading-soft);color:var(--lesson-reading-heading);font-weight:700}body.lesson-content-style--default .lesson-body td{padding:var(--spacing-xl) var(--spacing-lg)}@media(max-width:768px){body.lesson-content-style--default .lesson-body h1{margin-bottom:var(--spacing-lg);font-size:1.75rem}body.lesson-content-style--default .lesson-body h2{margin:var(--spacing-xl) 0 var(--spacing-md);padding:12px 16px!important;font-size:1.375rem}body.lesson-content-style--default .lesson-body h3{margin:1.75rem 0 var(--spacing-sm);font-size:1.1875rem}body.lesson-content-style--default .lesson-body :is(.module-header,.lesson-header,.learning-objectives,.key-points,.case-study,.success-box,.warning-box,.feature-box,.comparison-box,.goal-checklist,.spec-box,.email-list,.flow-diagram,.importance-box,.best-practices,.api-setup,.connection-test,.lesson-callout,.key-takeaway,.quiz-answer-box,.answers,.quiz-section,.lesson-summary,.summary-section,.summary){padding:var(--spacing-md)}body.lesson-content-style--default .lesson-body .lesson-callout{gap:var(--spacing-sm)}body.lesson-content-style--default .lesson-body table{display:block;width:100%;min-width:0;max-width:100%;overflow-x:auto;font-size:.875rem;-webkit-overflow-scrolling:touch}body.lesson-content-style--default .lesson-body th,body.lesson-content-style--default .lesson-body td{padding:var(--spacing-md)}}