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