.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)}}