.blog-post-main{z-index:1;min-height:100vh;padding-top:4rem;padding-bottom:5rem;position:relative}.article-container{max-width:800px;margin:0 auto;padding:0 1rem}.article-wrapper{background-color:var(--card-bg);z-index:1;border-radius:.75rem;padding:3rem;position:relative;box-shadow:0 6px 15px #00000012}.article-header{border-bottom:1px solid var(--border);text-align:center;margin-bottom:2.5rem;padding-bottom:2rem}.article-title{color:var(--title-color);font-size:2.75rem;font-weight:700;line-height:1.25;font-family:var(--font-chakra-petch);margin-bottom:1.5rem}.article-meta{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 2rem;font-size:.9rem;display:flex}.article-meta-item{align-items:center;gap:.4rem;display:flex}.article-meta-item svg{stroke-width:1.5px;width:16px;height:16px;color:var(--text-muted)}.article-category{color:var(--primary-color);font-weight:500}.article-main-image{object-fit:cover;border-radius:.5rem;width:100%;height:auto;max-height:500px;margin-top:1rem;margin-bottom:3rem;box-shadow:0 4px 12px #0000001a}.article-content{color:var(--text-secondary);counter-reset:h2-counter h3-counter h4-counter h5-counter h6-counter;font-size:1.05rem;line-height:1.8}.prose h2,.prose h3,.prose h4{color:var(--text-primary);font-family:var(--font-chakra-petch);margin-top:2em;margin-bottom:1em;font-weight:600;line-height:1.3}.prose h2{counter-increment:h2-counter;counter-reset:h3-counter h4-counter h5-counter h6-counter;border-bottom:1px solid var(--border);padding-bottom:.3em;font-size:1.75em}.prose h2:before{content:counter(h2-counter)". ";color:var(--text-secondary);font-size:.9em;font-weight:500}.prose h3{counter-increment:h3-counter;counter-reset:h4-counter h5-counter h6-counter;font-size:1.4em}.prose h3:before{content:counter(h2-counter)"." counter(h3-counter)". ";color:var(--text-secondary);font-size:.85em;font-weight:500}.prose h4{counter-increment:h4-counter;counter-reset:h5-counter h6-counter;font-size:1.2em}.prose h4:before{content:counter(h2-counter)"." counter(h3-counter)"." counter(h4-counter)". ";color:var(--text-secondary);font-size:.8em;font-weight:500}.prose p{color:var(--text-secondary);margin-bottom:1.25em}.article-content.prose a{z-index:1;font-weight:500;transition:color .2s;position:relative;color:var(--link-color)!important;text-decoration:underline!important}.article-content.prose a:hover{color:var(--link-hover-color)!important}.prose ul,.prose ol{margin-bottom:1.25em;margin-left:0;padding-left:1.75rem}.prose li{color:var(--text-secondary);margin-bottom:.6em}.prose li::marker{color:var(--list-marker-color);font-weight:600}.prose blockquote{border-left:4px solid var(--blockquote-border);background-color:var(--blockquote-bg);color:var(--blockquote-text);border-radius:0 .5rem .5rem 0;margin:1.5em 0;padding:1em 1.5em;font-style:normal}.prose blockquote p{color:var(--blockquote-text);margin-bottom:0}.prose code:not([class*=language-]){background-color:var(--code-bg);color:var(--code-text);border-radius:.25rem;padding:.25em .5em;font-family:monospace;font-size:.9em}.prose div[class*=react-syntax-highlighter]{border-radius:.5rem;margin-top:1.75em;margin-bottom:1.75em;overflow-x:auto;padding:1.25em!important}.prose img{border-radius:.5rem;max-width:100%;height:auto;margin:2em auto;display:block}.prose figure{margin-top:2em;margin-bottom:2em}.prose figcaption{text-align:center;color:var(--text-muted);margin-top:.5em;font-size:.9em;font-style:italic}.prose .tableContainer{margin-top:2em;margin-bottom:2em}.back-link-container{border-top:1px solid var(--border);text-align:center;margin-top:4rem;padding-top:2rem}.back-link{color:var(--button-text);background-color:var(--primary-color);z-index:1;border-radius:30px;align-items:center;gap:.3rem;padding:.6rem 1.2rem;font-weight:500;text-decoration:none;transition:background-color .3s,color .3s,transform .2s;display:inline-flex;position:relative;box-shadow:0 2px 4px #0000001a}.back-link:hover{background-color:var(--link-hover-color);color:var(--button-text);text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.article-share{border-top:1px solid var(--border);text-align:center;margin-top:3rem;padding-top:2rem}.share-title{color:var(--text-primary);font-size:1.25rem;font-family:var(--font-chakra-petch);margin-bottom:1rem}.share-buttons{justify-content:center;align-items:center;gap:1rem;display:flex}.share-button{background-color:var(--card-bg);color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.75rem;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}.share-button:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.share-button:focus{box-shadow:0 0 0 2px var(--primary-color-rgb,#2563eb33);outline:none}@media (max-width:640px){.share-buttons{gap:.5rem}.share-button{padding:.5rem}}@media (max-width:768px){.article-wrapper{padding:2rem 1.5rem}.article-title{font-size:2.25rem}.article-meta{gap:.5rem 1rem;font-size:.85rem}.prose,.article-content{font-size:1rem}}@media (max-width:480px){.article-wrapper{padding:1.5rem 1rem}.article-title{font-size:1.8rem}.back-link{padding:.5rem 1rem;font-size:.9rem}}.toc-sidebar{background:var(--card-bg);border:1px solid var(--border);z-index:10;border-radius:.75rem;width:280px;max-height:70vh;padding:1.5rem;position:fixed;top:120px;right:20px;overflow-y:auto;box-shadow:0 6px 15px #00000012}.toc-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;font-family:var(--font-chakra-petch);border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.5rem}.toc{font-size:.9rem}.toc ul{margin:0;padding:0;list-style:none}.toc li{margin:.25rem 0;line-height:1.4}.toc a{color:var(--text-secondary);border-left:2px solid #0000;padding:.25rem 0;text-decoration:none;transition:all .2s;display:block;position:relative}.toc a:hover,.toc a.is-active-link{color:var(--primary-color);border-left-color:var(--primary-color);padding-left:.5rem}.toc-link:before{content:"";background:var(--border);vertical-align:middle;width:8px;height:1px;margin-right:8px;transition:width .2s;display:inline-block}.toc-link[data-level="2"]:before{width:16px}.toc-link[data-level="3"]:before{width:24px}.toc-link[data-level="4"]:before{width:32px}.toc-link[data-level="5"]:before{width:40px}.toc-link[data-level="6"]:before{width:48px}@media (max-width:1024px){.toc-sidebar{display:none}}@media (min-width:1025px){.article-container{max-width:1000px;margin-right:320px}}