.post-layout{max-width:var(--container-max);margin:0 auto}@media (min-width:1024px){.post-layout{max-width:1100px}}@media (min-width:1536px){.post-layout{max-width:1140px}}.post-header{margin-bottom:var(--space-block);max-width:var(--text-max-width)}.post-tags{display:flex;flex-wrap:wrap;gap:6px}.post-tags,.post-title{margin-bottom:var(--space-2)}.post-title{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-h1)}.post-description{font-size:var(--font-size-body);color:var(--text-secondary);line-height:var(--line-height-body);margin-bottom:var(--space-3)}.post-meta{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-small);color:var(--text-muted)}.post-meta-separator{color:var(--border-default)}.post-featured-image{margin-bottom:var(--space-block);border-radius:var(--card-radius);overflow:hidden;border:1px solid var(--border-muted)}.post-featured-image img{width:100%;height:auto;display:block}.post-content-area{display:flex;flex-direction:column;gap:var(--space-block)}.post-content{flex:1 1;min-width:0;max-width:var(--text-max-width)}@media (min-width:1024px){.post-content-area{flex-direction:row}}.post-content h2,.post-content h3,.post-content h4{scroll-margin-top:108px}.post-content h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-h2);margin-top:var(--space-block);margin-bottom:var(--space-stack);padding-top:var(--space-stack);border-top:1px solid var(--border-muted)}.post-content h2:first-child{margin-top:0;padding-top:0;border-top:none}.post-content h3{font-size:var(--font-size-h3);line-height:var(--line-height-h3);margin-top:var(--space-element)}.post-content h3,.post-content h4{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-tight)}.post-content h4{font-size:var(--font-size-h4);line-height:var(--line-height-h4);margin-top:var(--space-stack)}.post-content p{color:var(--text-secondary);line-height:var(--line-height-body);font-size:var(--font-size-body)}.post-content p+p{margin-top:var(--space-stack)}.post-content a{color:var(--accent-primary);text-decoration:none;position:relative;transition:color .3s ease}.post-content a:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent-primary);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out-quart)}.post-content a:hover{color:var(--accent-primary-hover)}.post-content a:hover:after{transform:scaleX(1);background:var(--accent-primary-hover)}.post-content a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px;border-radius:2px}.post-content ol,.post-content ul{margin-top:var(--space-stack);margin-bottom:var(--space-stack);padding-left:var(--space-3);color:var(--text-secondary)}.post-content ul{list-style:disc}.post-content ol{list-style:decimal}.post-content li{margin-bottom:var(--space-1);line-height:var(--line-height-body);font-size:var(--font-size-body)}.post-content li::marker{color:var(--accent-primary)}.post-content li>ol,.post-content li>ul{margin-top:var(--space-1);margin-bottom:0}.post-content blockquote{margin:var(--space-element) 0;padding:var(--space-2) var(--space-3);border-left:3px solid var(--accent-primary);background:var(--bg-surface);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--text-secondary)}.post-content blockquote p{margin:0}.post-content :not(pre)>code{background:var(--bg-surface-3);padding:2px 6px;border-radius:var(--radius-sm);font-size:.875em;color:var(--accent-primary-hover);border:1px solid var(--border-muted)}.post-content pre{margin:var(--space-element) 0;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border-default);overflow-x:hidden;font-size:.875rem;line-height:1.7}.post-content pre:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.post-content pre code{background:none;padding:0;border:none;font-size:inherit;color:inherit;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.post-content pre [data-line]{padding:0 var(--space-2);border-left:2px solid transparent}.post-content pre [data-highlighted-line]{background:rgba(16,185,129,.08);border-left-color:var(--accent-primary)}.post-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-element) 0;border:1px solid var(--border-muted)}.post-content hr{border:none;height:1px;background:var(--border-muted);margin:var(--space-block) 0}.post-content table{width:100%;margin:var(--space-element) 0;border-collapse:collapse;font-size:var(--font-size-body-sm)}.post-content th{text-align:left;border-bottom:2px solid var(--border-default);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.post-content td,.post-content th{padding:var(--space-1) var(--space-2)}.post-content td{border-bottom:1px solid var(--border-muted);color:var(--text-secondary)}.post-content tr:last-child td{border-bottom:none}.post-content strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.post-content em{font-style:italic}.post-content .faq-accordion{margin-top:var(--space-block)}@media (prefers-reduced-motion:reduce){.post-content a{transition:none}.post-content a:after{transition:opacity .15s ease;transform:scaleX(1);opacity:0}.post-content a:hover:after{opacity:1}}.blog-post{padding-top:var(--space-block)}.related-posts-section{border-top:1px solid var(--border-muted)}