.video-embed-wrapper{margin:var(--space-2xl) 0;width:100%}.video-embed-container{position:relative;width:100%;height:0;overflow:hidden;border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass)}.video-embed-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:var(--radius-lg)}.video-embed-caption{margin-top:var(--space-md);text-align:center;font-size:var(--text-body-sm);color:var(--text-secondary);font-style:italic}@media (max-width:768px){.video-embed-wrapper{margin:var(--space-xl) 0}}.callout{margin:var(--space-lg) 0;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:1px solid transparent;border-left:4px solid;background:rgba(255,255,255,.5)}.callout-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.callout-icon{width:var(--icon-md);height:var(--icon-md);flex-shrink:0}.callout-title{font-weight:600;font-size:var(--text-body);font-family:var(--font-display)}.callout-content{font-size:var(--text-body);line-height:1.6;color:var(--text-secondary)}.callout-content>:first-child{margin-top:0}.callout-content>:last-child{margin-bottom:0}.callout-info{border-left-color:#3b82f6;background:rgba(59,130,246,.05)}.callout-info .callout-icon,.callout-info .callout-title{color:#3b82f6}.callout-warning{border-left-color:#eab308;background:rgba(234,179,8,.05)}.callout-warning .callout-icon,.callout-warning .callout-title{color:#eab308}.callout-success{border-left-color:#10b981;background:rgba(16,185,129,.05)}.callout-success .callout-icon,.callout-success .callout-title{color:#10b981}.callout-error{border-left-color:#ef4444;background:rgba(239,68,68,.05)}.callout-error .callout-icon,.callout-error .callout-title{color:#ef4444}.callout-tip{border-left-color:#8b5cf6;background:rgba(139,92,246,.05)}.callout-tip .callout-icon,.callout-tip .callout-title{color:#8b5cf6}@media (max-width:768px){.callout{padding:var(--space-md)}.callout-header{gap:var(--space-sm)}}.code-block-wrapper{margin:var(--space-xl) 0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-glass)}.code-block-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);background:#1e1e1e;border-bottom:1px solid rgba(255,255,255,.1)}.code-block-filename{font-size:var(--text-body-sm);color:rgba(255,255,255,.7);font-family:Consolas,Monaco,Courier New,monospace}.code-block-language{font-size:var(--text-body-xs);color:rgba(255,255,255,.5);text-transform:uppercase;font-weight:600;letter-spacing:.5px;margin-left:auto}.code-block-copy{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);color:rgba(255,255,255,.9);font-size:var(--text-body-sm);cursor:pointer;transition:all .2s ease}.code-block-copy:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3)}.code-block-copy-icon{width:var(--icon-sm);height:var(--icon-sm)}.code-block-container{overflow-x:auto}.code-block-container::-webkit-scrollbar{height:8px}.code-block-container::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.code-block-container::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.code-block-container::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}@media (max-width:768px){.code-block-header{padding:var(--space-xs) var(--space-md)}.code-block-copy span{display:none}}.image-with-caption{margin:1rem 0;width:100%}.image-container{position:relative;width:100%;border-radius:8px;overflow:hidden;border:1px solid #e0e0e0;box-shadow:0 2px 4px rgba(0,0,0,.05);background:transparent;line-height:0}.image-container.zoomable{cursor:zoom-in;transition:transform .2s ease,box-shadow .2s ease}.image-container.zoomable:hover{box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-2px)}.zoom-hint{position:absolute;top:.5rem;right:.5rem;background:rgba(0,0,0,.7);color:white;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:10;line-height:normal}.image-container.zoomable:hover .zoom-hint{opacity:1}.doc-image{width:100%;height:auto;display:block}.image-caption{margin-top:.75rem;text-align:left;font-size:.875rem;color:#666;font-style:italic;line-height:1.5;padding:0 .5rem}.image-zoom-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);z-index:var(--z-overlay);cursor:zoom-out;padding:var(--space-2xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease}.image-zoom-overlay,.zoom-close-button{display:flex;align-items:center;justify-content:center}.zoom-close-button{position:absolute;top:var(--space-lg);right:var(--space-lg);width:48px;height:48px;border-radius:50%;background:white;color:var(--text-primary);border:none;font-size:2rem;font-weight:300;line-height:1;cursor:pointer;transition:transform .2s ease,background .2s ease;z-index:10;box-shadow:var(--shadow-lg)}.zoom-close-button:hover{transform:scale(1.1);background:var(--gray-100)}.zoom-close-button:focus{outline:2px solid var(--primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-zoom-container{max-width:95vw;max-height:95vh;overflow:auto}.zoomed-image{width:auto;height:auto;max-width:100%;max-height:95vh;object-fit:contain}@media (max-width:768px){.image-with-caption{margin:var(--space-xl) 0}.image-zoom-overlay{padding:var(--space-lg)}}.tldr-section{margin:var(--space-2xl) 0;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border:2px solid rgba(102,126,234,.2);border-radius:var(--radius-xl);padding:var(--space-xl);position:relative;overflow:hidden}.tldr-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0,var(--secondary) 100%)}.tldr-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.tldr-icon{font-size:1.75rem;line-height:1}.tldr-title{font-size:var(--text-h3);font-weight:700;color:var(--primary);margin:0;flex:1 1}.tldr-toggle{width:32px;height:32px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);font-size:1.5rem;font-weight:300;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.tldr-toggle:hover{background:var(--primary);color:white;transform:scale(1.1)}.tldr-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:start}.tldr-steps{background:white;border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.tldr-steps-title{font-size:var(--text-body-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-md) 0}.tldr-steps-list{list-style:decimal;margin:0 0 0 var(--space-lg);padding:0}.tldr-step-item{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-sm);padding-left:var(--space-xs)}.tldr-step-item:last-child{margin-bottom:0}.tldr-step-item::marker{color:var(--primary);font-weight:700}.tldr-note{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid #e5e7eb;font-size:var(--text-body-sm);color:#6b7280;line-height:1.5}.tldr-video{background:#000;border-radius:var(--radius-lg);overflow:hidden;position:relative;box-shadow:var(--shadow-md)}.tldr-video-label{position:absolute;top:var(--space-sm);left:var(--space-sm);background:rgba(0,0,0,.8);color:white;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--text-body-sm);font-weight:600;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tldr-video-wrapper{position:relative;width:100%;height:0;overflow:hidden;background:#000}.tldr-video-wrapper.aspect-16-9{padding-bottom:56.25%}.tldr-video-wrapper.aspect-9-16{padding-bottom:177.78%;max-height:600px}.tldr-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media (max-width:1024px){.tldr-content{grid-template-columns:1fr;gap:var(--space-xl)}.tldr-video-wrapper.aspect-9-16{padding-bottom:56.25%;max-height:none}}@media (max-width:768px){.tldr-section{padding:var(--space-xl)}.tldr-header{margin-bottom:var(--space-lg)}.tldr-icon{font-size:1.5rem}.tldr-title{font-size:var(--text-heading-sm)}.tldr-steps{padding:var(--space-lg)}.tldr-step-item{padding-left:calc(var(--space-lg) + var(--space-sm));font-size:var(--text-body-sm)}.tldr-step-item:before{width:28px;height:28px;font-size:var(--text-body-xs)}}.table-of-contents{position:sticky;top:6rem;background:white;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.05);border:1px solid #e0e0e0;max-height:calc(100vh - 8rem);overflow-y:auto;max-width:250px}.table-of-contents.is-sticky{box-shadow:0 4px 16px rgba(0,0,0,.1)}.toc-sentinel{position:absolute;top:0;height:1px;pointer-events:none}.toc-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#667eea;margin-bottom:1rem}.toc-list{list-style:none;margin:0;padding:0}.toc-item{margin:.5rem 0}.toc-item-nested{margin-left:1rem;font-size:.85rem}.toc-link{display:block;color:#666;text-decoration:none;padding:.25rem 0 .25rem .75rem;border-left:2px solid transparent;transition:all .2s ease;font-size:.9rem;line-height:1.5}.toc-link-active,.toc-link:hover{color:#667eea;border-left-color:#667eea}.toc-link-active{font-weight:600}.table-of-contents::-webkit-scrollbar{width:4px}.table-of-contents::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.table-of-contents::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.table-of-contents::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:1024px){.table-of-contents,.table-of-contents.is-sticky{display:none}}.step-card{margin:2rem 0;padding:1.5rem;background:#f8f9fa;border-radius:12px;border:1px solid #e0e0e0}.step-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.step-number{display:inline-block;width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-radius:50%;text-align:center;line-height:32px;font-weight:700;font-size:.9rem;flex-shrink:0}.step-title{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin:0;flex:1 1}.step-content{margin-top:.75rem;color:#555;line-height:1.7}.step-content p{margin:.75rem 0;color:#555}.step-content p:first-child,.step-content>:first-child{margin-top:0}.step-content>:last-child{margin-bottom:0}.step-content .callout,.step-content .image-with-caption{margin-top:1rem;margin-bottom:0}@media (max-width:768px){.step-card{padding:1rem}.step-number{width:28px;height:28px;line-height:28px;font-size:.85rem}.step-title{font-size:1.05rem}}