.post{margin:0 auto;position:relative}.post-header{flex-direction:column;align-items:flex-start;margin-bottom:2rem;padding:0 0 1rem;border-bottom:1px solid var(--border)}.post-title{font-size:2.25rem;margin-top:0;margin-bottom:1rem;line-height:1.3;color:var(--text-primary)}.post-meta{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);font-size:.875rem;width:100%;.tags{padding:0;.tag{.tag-link{font-size:1rem;text-decoration:none}}}}.post-date{font-size:.875rem;color:var(--text-secondary);white-space:nowrap;margin-left:1rem}@media (min-width: 1200px){.toc-container{display:block}}.toc{position:relative;width:100%;margin:0;padding:20px 24px;background-color:#f9f9f9;border-radius:8px;border-left:4px solid #006632;list-style:none;font-size:15px;&:before{content:"Table of Contents";display:block;font-weight:600;font-size:16px;margin-bottom:12px;color:#333}li{margin-bottom:10px;position:relative;line-height:1.4;a{color:#444;text-decoration:none;transition:color .2s ease,padding-left .2s ease;display:inline-block;font-weight:500;&:hover{color:#006632;padding-left:2px}}}.h1{font-weight:600;a{color:#333}}.h2{padding-left:20px;&:before{content:"\2022";position:absolute;left:6px;color:#006632}}.h3{padding-left:36px;&:before{content:"\25cb";position:absolute;left:22px;color:#006632;font-size:10px}}.h4,.h5,.h6{padding-left:52px;font-size:14px;&:before{content:"\25b9";position:absolute;left:38px;color:#006632}}}.post-content{margin-top:2rem}.post-content h2{margin-top:2.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border);font-size:1.75rem}.post-content h3{margin-top:2rem;font-size:1.4rem}.post-content p,.post-content ul,.post-content ol{margin-bottom:1.5rem}.post-content li{margin-bottom:.5rem}.post-content img{max-width:100%;height:auto;border-radius:4px;margin:1.5rem 0;display:block;box-shadow:0 2px 4px var(--shadow)}.post-content .image-container{margin:2rem 0;text-align:center}.post-content .image-container img{margin:0 auto}.post-content .image-container figcaption{margin-top:.5rem;color:var(--text-secondary);font-size:.875rem;font-style:italic}.post-content blockquote{border-left:4px solid var(--primary);padding:.5rem 0 .5rem 1.5rem;margin-left:0;margin-bottom:1.5rem;color:var(--text-secondary);background-color:var(--background-alt);border-radius:0 4px 4px 0}.post-content pre{border-radius:6px;margin-bottom:1.5rem;overflow-x:auto}@media (max-width: 768px){.post-meta{gap:.75rem}.post-date{margin-left:0}h1.post-title{font-size:1.75rem;margin-top:0}}
