.related-posts{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border)}.related-posts-title{font-size:var(--font-md);font-weight:600;margin-bottom:var(--space-md);color:var(--text-color);letter-spacing:-.01em}.related-posts-list{display:flex;flex-direction:column;gap:var(--space-sm)}.related-post-item{padding:var(--space-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface);transition:border-color var(--t-smooth),box-shadow var(--t-smooth),transform var(--t-smooth)}.related-post-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.related-post-link{text-decoration:none;color:inherit;display:block}.related-post-title{font-size:var(--font-base);font-weight:600;margin-bottom:var(--space-xs);color:var(--text-color);transition:color var(--t-fast)}.related-post-item:hover .related-post-title{color:var(--primary-color)}.related-post-desc{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-xs);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-post-meta{font-size:var(--font-xs);color:var(--text-tertiary);display:flex;gap:var(--space-sm);flex-wrap:wrap}.related-post-meta .separator::before{content:"·";margin:0 .3rem}html.dark .related-post-item{background:var(--surface);border-color:var(--border-subtle)}html.dark .related-post-title{color:var(--text-color)}html.dark .related-post-meta{color:var(--text-tertiary)}