pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}
.blog-page{background:0 0;min-height:100vh}.blog-page-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:4rem;max-width:1000px;margin:0 auto;padding:3rem 0;display:grid}.blog-card{background:var(--card-bg);transition:var(--transition);will-change:transform;border:2px solid #ffffff2b;border-radius:.5rem;text-decoration:none;display:block;overflow:hidden;transform:translateZ(0)}.blog-card:hover{background:var(--card-bg-hover);transform:scale(1.1)translateZ(0)}.blog-card-image{width:100%;height:180px;position:relative}.blog-content{padding-top:100px}.blog-card-content{padding:1.5rem}.blog-card-title{color:var(--heading);font-size:1.8rem;font-weight:600;line-height:1.3;font-family:var(--font-chillax);margin-bottom:.5rem}.blog-card-date{color:var(--tag);opacity:.8;margin-bottom:1rem;font-size:1.2rem;display:block}.blog-card-excerpt{color:var(--text);opacity:.9;margin-bottom:0;font-size:1.4rem;line-height:1.6;transform:translateZ(0)}.blog-feed-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:4rem;margin-bottom:2rem;display:grid}.blog-feed-footer{text-align:center}.blog-feed-link{text-transform:uppercase;color:var(--secondary-dark);border:2px solid var(--secondary-dark);transition:var(--transition);padding:1rem 2rem;font-size:1.4rem;font-weight:600;display:inline-block}.blog-feed-link:hover{background:var(--secondary-dark);color:var(--bg)}.blog-post-page{background:0 0;min-height:100vh;padding-top:76px;padding-bottom:50px}.blog-post{max-width:760px;margin:0 auto;padding:2rem}.blog-post-header{margin-bottom:2rem}.blog-post-back{color:var(--link);transition:var(--transition);opacity:.8;margin-bottom:2rem;font-size:1.4rem;text-decoration:none;display:inline-block}.blog-post-back:hover{opacity:1}.blog-post-title{color:var(--heading);text-transform:none;font-size:3.5rem;font-family:var(--font-chillax);margin-bottom:1rem;line-height:1.2}.blog-post-date{color:var(--tag);opacity:.8;font-size:1.4rem;display:block}.blog-post-image{border-radius:.5rem;width:100%;height:400px;margin-bottom:2rem;position:relative;overflow:hidden}.blog-post-content{color:var(--text)}.blog-post-content p{margin-bottom:1.5rem;font-size:1.6rem;line-height:1.8}.blog-post-content p:last-child{margin-bottom:0}.blog-post-content h2{color:var(--heading);font-size:2.2rem;font-family:var(--font-chillax);margin:2.5rem 0 1rem}.blog-post-content h3{color:var(--heading);font-size:1.9rem;font-family:var(--font-chillax);margin:2rem 0 .75rem}.blog-post-content ul,.blog-post-content ol{margin-bottom:1.5rem;padding-left:2rem}.blog-post-content li{margin-bottom:.5rem}.blog-post-content pre{background:var(--pre-bg);border-radius:.5rem;margin:2rem 0;padding:1.5rem;overflow-x:auto}.blog-post-content code{font-family:var(--font-roboto-mono);font-size:1.4rem}.blog-post-content pre code{background:0 0;padding:0}.code-block{background:var(--primary-dark);border-radius:.5rem;margin:2rem 0;position:relative;overflow:hidden}.code-block-language{text-transform:uppercase;color:var(--bg);background:var(--secondary-dark);border-bottom-left-radius:.5rem;padding:.4rem 1rem;font-size:1.1rem;position:absolute;top:0;right:0}.code-block pre{margin:0;padding:1.5rem;overflow-x:auto}.code-block code{font-family:var(--font-roboto-mono);color:var(--bg);white-space:pre;font-size:1.4rem;line-height:1.6}@media (max-width:768px){.blog-page-title{font-size:3rem}.blog-post-title{font-size:2.5rem}.blog-page-grid,.blog-feed-grid{grid-template-columns:1fr}.blog-post-image{height:250px}.code-block pre{padding:1rem}.code-block code{font-size:1.2rem}}