.page-wrapper.blogpost{--color-primary: #3a86ff;--color-secondary: #8338ec;--color-text: #2d3748;--color-text-light: #4a5568;--color-bg: #ffffff;--color-bg-light: #f8f9fa;--color-border: #e2e8f0;--color-code-bg: #f3f4f6;--color-code-text: #1a202c;--color-code-keyword: #8b5cf6;--color-code-string: #34d399;--color-code-comment: #a0aec0;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Fira Code", "Courier New", monospace;--radius-sm: 0.25rem;--radius-md: 0.375rem;--radius-lg: 0.5rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.page-wrapper.blogpost{max-width:800px;margin:0 auto;padding:2rem}.page-wrapper.blogpost .blogpost-header{width:100%;padding:20px;display:flex;gap:20px;flex-direction:column;align-items:center;background-color:#000}@media(min-width: 600px){.page-wrapper.blogpost .blogpost-header{flex-direction:row}}.page-wrapper.blogpost .blogpost-header .my-picture{flex:1;width:200px;border-radius:50%}.page-wrapper.blogpost .blogpost-header .my-contact-info strong,.page-wrapper.blogpost .blogpost-header .my-contact-info span,.page-wrapper.blogpost .blogpost-header .my-contact-info a{color:#fff;word-break:break-word}.page-wrapper.blogpost .posts-wrapper{width:100%;font-family:var(--font-sans);line-height:1.6;color:var(--color-text) !important;background-color:var(--color-bg);padding:0;margin:0}.page-wrapper.blogpost .posts-wrapper .post-meta{margin:1rem 0;font-size:.875rem;color:#666}.page-wrapper.blogpost .posts-wrapper .post-meta .post-date{font-style:italic}.page-wrapper.blogpost .posts-wrapper strong{line-height:1.6;color:var(--color-text) !important}.page-wrapper.blogpost .posts-wrapper .post-210{width:100%;max-width:100%;margin:0 auto;padding:0}.page-wrapper.blogpost .posts-wrapper .post-headline a{border-bottom:none !important}.page-wrapper.blogpost .posts-wrapper h1,.page-wrapper.blogpost .posts-wrapper h1 strong,.page-wrapper.blogpost .posts-wrapper h2,.page-wrapper.blogpost .posts-wrapper h2 strong,.page-wrapper.blogpost .posts-wrapper h3,.page-wrapper.blogpost .posts-wrapper h3 strong{font-weight:700;line-height:1.2;margin-top:1.5em;margin-bottom:.5em;color:var(--color-text) !important}.page-wrapper.blogpost .posts-wrapper h1{font-size:2.25rem;border-bottom:2px solid var(--color-border);padding-bottom:.5rem}.page-wrapper.blogpost .posts-wrapper h2{font-size:1.75rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.page-wrapper.blogpost .posts-wrapper h3{font-size:1.375rem}.page-wrapper.blogpost .posts-wrapper h4{font-size:1.125rem}.page-wrapper.blogpost .posts-wrapper p{margin:1em 0;line-height:1.7}.page-wrapper.blogpost .posts-wrapper ul,.page-wrapper.blogpost .posts-wrapper ol{margin:1em 0;padding-left:2em}.page-wrapper.blogpost .posts-wrapper ul{list-style-type:disc}.page-wrapper.blogpost .posts-wrapper ol{list-style-type:decimal}.page-wrapper.blogpost .posts-wrapper li{margin:.3em 0}.page-wrapper.blogpost .posts-wrapper pre{background-color:var(--color-code-bg);color:var(--color-code-text);padding:1rem;border-radius:var(--radius-md);overflow-x:auto;margin:1.5em 0;font-family:var(--font-mono);font-size:.875rem;line-height:1.6;border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.page-wrapper.blogpost .posts-wrapper code{font-family:var(--font-mono);font-size:.875rem;color:var(--color-code-keyword);background-color:var(--color-code-bg);padding:.2em .4em;border-radius:var(--radius-sm)}.page-wrapper.blogpost .posts-wrapper pre code{color:inherit;background-color:rgba(0,0,0,0);padding:0}.page-wrapper.blogpost .posts-wrapper pre code .keyword{color:var(--color-code-keyword)}.page-wrapper.blogpost .posts-wrapper pre code .string{color:var(--color-code-string)}.page-wrapper.blogpost .posts-wrapper pre code .comment{color:var(--color-code-comment);font-style:italic}.page-wrapper.blogpost .posts-wrapper hr{border:0;height:1px;background:var(--color-border);margin:2.5em 0}.page-wrapper.blogpost .posts-wrapper a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}.page-wrapper.blogpost .posts-wrapper a:hover{color:var(--color-secondary);text-decoration:underline}.page-wrapper.blogpost .posts-wrapper .clear{clear:both}.page-wrapper.blogpost .posts-wrapper .pagination{margin:2em 0;text-align:center}@media(max-width: 768px){.page-wrapper.blogpost .posts-wrapper .page-wrapper{padding:1rem}.page-wrapper.blogpost .posts-wrapper h1{font-size:1.75rem}.page-wrapper.blogpost .posts-wrapper h2{font-size:1.375rem}.page-wrapper.blogpost .posts-wrapper pre{font-size:.75rem;padding:.75rem}}