.post-grid{display:grid;grid-template-columns:1fr;gap:4rem;align-items:start}@media(min-width:1024px){.post-grid{grid-template-columns:8fr 3fr;gap:clamp(48px,5vw,72px)}}@media(max-width:767px){.post-grid{gap:3rem}}.post-main{min-width:0;max-width:100%}.post-main header{max-width:800px}.post-main .prose{max-width:780px}.post-header{margin-bottom:3rem}@media(max-width:768px){.post-header{margin-bottom:2.5rem}}.post-tags{display:flex;flex-wrap:wrap;gap:.625rem;list-style:none;padding:0;margin:0 0 2rem}.post-tag{display:inline-block;padding:.5rem 1.125rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:.875rem;font-weight:var(--fw-medium);color:var(--color-text-secondary);text-decoration:none;transition:all .2s ease}.post-tag:hover{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--white)}.post-title{font-size:clamp(2rem,5vw,3rem);line-height:1.15;font-weight:var(--fw-extrabold);color:var(--color-text-heading);margin:0 0 1.5rem;letter-spacing:-.02em}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:1rem;color:var(--color-text-secondary);line-height:1.5}.post-meta__sep{color:var(--color-text-muted)}.post-author{font-weight:var(--fw-semibold);color:var(--color-text);text-decoration:none}.post-author:hover{color:var(--color-brand-primary)}.post-main>img{margin:3rem 0 3.5rem}@media(max-width:768px){.post-main>img{margin:2.5rem 0 3rem}}.post-sidebar{display:flex;flex-direction:column;gap:2rem}@media(min-width:1024px){.post-sidebar{position:sticky;top:calc(var(--header-stack-scrolled) + 2rem);align-self:start;gap:2rem}}@media(max-width:767px){.post-sidebar{gap:1.75rem}}.sidebar-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:2rem 1.75rem}@media(max-width:1023px){.sidebar-card{padding:1.75rem 1.5rem}}.sidebar-card__title{font-size:1.1875rem;font-weight:var(--fw-bold);color:var(--color-text-heading);margin:0 0 1.5rem;line-height:1.3;letter-spacing:-.01em}.toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.toc-item{margin:0}.toc-link{display:block;font-size:.9375rem;line-height:1.5;color:var(--color-text-secondary);text-decoration:none;padding:.625rem .75rem .625rem .875rem;border-left:3px solid transparent;transition:all .2s ease;font-weight:var(--fw-medium)}.toc-link:hover{color:var(--color-brand-primary);border-left-color:var(--color-brand-primary);background:var(--color-surface-secondary)}.toc-empty{font-size:.875rem;color:var(--color-text-muted);font-style:italic;margin:0}.share-buttons{display:flex;flex-direction:column;gap:.75rem}.share-btn{display:flex;align-items:center;justify-content:flex-start;gap:.875rem;padding:.875rem 1.125rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.9375rem;font-weight:var(--fw-medium);cursor:pointer;transition:all .2s ease;width:100%}.share-btn:hover{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--white);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.share-btn svg{flex-shrink:0}.related-posts__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.25rem}.related-post{padding-bottom:1.25rem;border-bottom:1px solid var(--color-border)}.related-post:last-child{padding-bottom:0;border-bottom:none}.related-post__link{text-decoration:none;display:block;transition:all .2s ease}.related-post__link:hover{padding-left:.5rem}.related-post__title{font-size:1rem;font-weight:var(--fw-semibold);color:var(--color-text-heading);margin:0 0 .625rem;line-height:1.5;transition:color .2s ease}.related-post__link:hover .related-post__title{color:var(--color-brand-primary)}.related-post__date{font-size:.875rem;color:var(--color-text-muted);margin:0;line-height:1.4}.cta-card{background:var(--color-surface-secondary);border-color:var(--color-brand-primary);border-width:2px}.cta-card__title{font-size:1.1875rem;font-weight:var(--fw-bold);color:var(--color-text-heading);margin:0 0 1rem;line-height:1.3;letter-spacing:-.01em}.cta-card__text{font-size:1rem;line-height:1.65;color:var(--color-text-secondary);margin:0 0 1.5rem}.prose{color:var(--color-text);font-size:1.0625rem;line-height:1.75}@media(max-width:768px){.prose{font-size:1rem;line-height:1.7}}.prose>*+*{margin-top:1.5em}.prose p{margin-bottom:1.5em;max-width:70ch}.prose p:last-child{margin-bottom:0}.prose :is(h2,h3,h4)+*{margin-top:0!important}.prose :is(h2,h3,h4){font-family:var(--font-display);line-height:1.3;color:var(--color-text-heading);scroll-margin-top:6rem;letter-spacing:-.015em}.prose h2{font-size:clamp(1.75rem,3vw,2.125rem);margin-top:3rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:3px solid var(--color-brand-primary);font-weight:var(--fw-extrabold);line-height:1.25}.prose h2:first-child{margin-top:0}.prose h3{font-size:clamp(1.375rem,2.5vw,1.625rem);margin-top:2.5rem;margin-bottom:1rem;font-weight:var(--fw-bold);color:var(--color-text-heading);line-height:1.3}.prose h4{font-size:clamp(1.1875rem,2vw,1.375rem);margin-top:2rem;margin-bottom:.875rem;font-weight:var(--fw-semibold)}.prose a{color:var(--color-brand-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:all .2s ease;font-weight:var(--fw-medium)}.prose a:hover{color:var(--color-accent);text-decoration-thickness:2px}.prose :is(ul,ol){margin-top:1.75em;margin-bottom:1.75em;padding-left:1.75em}.prose ul{list-style:none}.prose ul>li{position:relative;padding-left:.5em}.prose ul>li:before{content:"●";position:absolute;left:-1.25em;color:var(--color-brand-primary);font-weight:var(--fw-bold);font-size:1.25em;line-height:1.4}.prose ol{list-style:decimal;counter-reset:item}.prose ol>li::marker{color:var(--color-brand-primary);font-weight:var(--fw-bold);font-size:1.05em}.prose li{margin-top:.75em;line-height:1.7;margin-bottom:.75em}.prose li:first-child{margin-top:0}.prose li:last-child{margin-bottom:0}.prose li>:is(p,ul,ol){margin-top:1em}.prose :is(ul,ol) :is(ul,ol){margin-top:1em;margin-bottom:.75em}.prose blockquote{border-left:4px solid var(--color-brand-primary);padding:1.5em 0 1.5em 2em;margin:2.5em 0;background:var(--color-surface);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:1.125rem;color:var(--color-text-secondary);font-style:italic;line-height:1.7}.prose blockquote p{margin:0}.prose blockquote p+p{margin-top:1em}.prose strong{font-weight:var(--fw-bold);color:var(--color-text-heading)}.prose em{font-style:italic}.prose p strong:first-child,.prose li strong:first-child{color:var(--color-brand-primary)}.prose :not(pre)>code{background:var(--color-surface-2);padding:.2em .5em;border-radius:var(--radius-sm);font-size:.9em;font-family:Monaco,Menlo,monospace;color:var(--color-accent);font-weight:var(--fw-medium)}.prose pre{background:var(--color-surface-2);color:var(--color-text);padding:1.5em;border-radius:var(--radius-md);border:1px solid var(--color-border);overflow-x:auto;font-size:.9375rem;line-height:1.6;margin:2.5em 0}.prose pre code{background:none;padding:0;border-radius:0;color:inherit;font-size:inherit;font-weight:400}@media(max-width:767px){.prose pre{font-size:.875rem;padding:1.25em}}.prose img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:2.5em 0;border:1px solid var(--color-border)}.prose hr{border:0;border-top:2px solid var(--color-border);margin:3.5em 0}