.blog-toc{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);padding:var(--spacing-lg);margin:var(--spacing-xl) 0;position:-webkit-sticky;position:sticky;top:var(--spacing-lg);z-index:1}.blog-toc-details{display:block}.blog-toc-summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-weight:var(--font-weight-semibold)}.blog-toc-summary::-webkit-details-marker{display:none}.blog-toc-title{font-size:var(--font-size-lg);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-heading)}.blog-toc-chevron{color:var(--color-primary);font-size:1.2rem;transition:transform var(--transition-fast)}.blog-toc-details:not([open]) .blog-toc-chevron{transform:rotate(-90deg)}.blog-toc-list{list-style:none;padding:0;margin:var(--spacing-md) 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--spacing-xs) var(--spacing-lg);gap:var(--spacing-xs) var(--spacing-lg)}.blog-toc-item{margin:0}.blog-toc-link{display:flex;gap:var(--spacing-sm);align-items:baseline;padding:var(--spacing-xs) 0;color:var(--color-text-body);text-decoration:none;transition:color var(--transition-fast);font-size:var(--font-size-base)}.blog-toc-link:hover,.blog-toc-num{color:var(--color-primary)}.blog-toc-num{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);min-width:1.6em}.blog-toc-label{flex:1 1}@media (max-width:768px){.blog-toc{padding:var(--spacing-md);margin:var(--spacing-lg) 0;border-radius:var(--border-radius-lg);position:static}.blog-toc-title{font-size:var(--font-size-base)}.blog-toc-list{grid-template-columns:1fr;gap:0}.blog-toc-link{padding:.55rem 0;font-size:var(--font-size-sm);min-height:40px}.blog-toc-num{font-size:var(--font-size-xs)}}.blog-related{margin:var(--spacing-2xl) 0}.blog-related-heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-heading);margin:0 0 var(--spacing-md);color:var(--color-text-primary)}.blog-related-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.blog-related-item{margin:0;display:flex}.blog-related-link{display:block;width:100%;background:var(--color-white);border:none;border-radius:var(--border-radius-xl);padding:var(--spacing-lg);text-decoration:none;box-shadow:var(--shadow-card);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.blog-related-link:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.blog-related-title{display:block;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:1.125rem;line-height:1.4;margin-bottom:var(--spacing-xs);transition:color var(--transition-normal)}.blog-related-link:hover .blog-related-title{color:var(--color-primary)}.blog-related-excerpt{display:block;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6}