.blog-post{max-width:720px;margin:0 auto;padding:4rem 2rem}.post-header{margin-bottom:3rem;text-align:center}.post-meta{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem}.separator{color:var(--border-color)}.post-category{text-transform:uppercase;letter-spacing:.05em;font-weight:500;color:var(--color-primary)}.post-title{font-size:3rem;font-weight:700;margin:0 0 1.5rem;line-height:1.2;background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.post-description{font-size:1.25rem;color:var(--text-secondary);margin:0;font-style:italic}.post-content{font-size:1.125rem;line-height:1.8}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin:2rem 0 0rem;font-weight:600;line-height:1.3}.post-content h1{font-size:2.5rem;margin-top:3rem}.post-content h2{font-size:2rem;border-bottom:1px solid rgb(236,236,236)}.post-content h3{font-size:1.5rem}.post-content h4{font-size:1.25rem}.post-content h5{font-size:1.125rem}.post-content h6{font-size:1rem;color:var(--text-secondary)}.post-content p{margin:1.5rem 0;text-align:justify}.post-content em{display:block;margin-top:.4rem;font-size:.85rem;color:#888;font-style:italic;margin-top:.5rem}.post-content a{color:var(--color-primary);text-decoration:none;border-bottom:2px solid var(--color-primary);transition:border-color .2s ease}.post-content a:hover{border-bottom-color:var(--accent-color)}.post-content strong{font-weight:600}.post-content del{text-decoration:line-through;color:var(--text-secondary)}.post-content code:not(pre code){background:var(--code-bg);padding:.2rem .4rem;border-radius:4px;font-size:.9em;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;border:1px solid var(--border-color)}.post-content blockquote{margin:2rem 0;padding:1rem 0 1rem 1.5rem;border-left:4px solid var(--accent-color);background:var(--blockquote-bg);font-style:italic;color:var(--text-secondary)}.post-content blockquote p{margin:.5rem 0}.post-content blockquote blockquote{margin-left:1rem;border-left-color:var(--border-color)}.post-content ul,.post-content ol{margin:1.5rem 0;padding-left:2rem}.post-content li{margin:.5rem 0}.post-content li>ul,.post-content li>ol{margin:.5rem 0}.post-content ul:has(input[type=checkbox]){list-style:none;padding-left:0}.post-content input[type=checkbox]{margin-right:.5rem;accent-color:var(--accent-color)}.post-content pre{margin:2rem 0;padding:1.5rem;background:var(--code-bg);border-radius:8px;overflow-x:auto;border:1px solid var(--border-color)}.post-content pre code{font-size:.9rem;line-height:1.6;color:#fff}.post-content table{width:100%;margin:2rem 0;border-collapse:collapse;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.post-content th{background:var(--table-header-bg);font-weight:600;text-align:left;padding:.75rem 1rem;border-bottom:2px solid var(--border-color)}.post-content td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.post-content tr:last-child td{border-bottom:none}.post-content tr:hover{background:var(--table-row-hover)}.post-content img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:block;margin:0 auto}.post-content hr{margin:3rem 0;border:none;border-top:2px dashed var(--border-color)}.footnotes{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color);font-size:.875rem;color:var(--footnote-color)}.footnotes ol{padding-left:1rem}.footnotes li{margin:.5rem 0}@media(max-width:768px){.blog-post{padding:2rem 1.5rem}.post-title{font-size:2.5rem}.post-description{font-size:1.125rem}.post-content{font-size:1rem}.post-content h1{font-size:2rem}.post-content h2{font-size:1.75rem}.post-content h3{font-size:1.5rem}.post-content h4{font-size:1.25rem}.post-content h5{font-size:1.125rem}.post-content h6{font-size:1rem}}@media(max-width:480px){.post-title{font-size:2rem}.post-content pre{padding:1rem}.post-content table{display:block;overflow-x:auto}}