body{background-color:#f4f4f4;margin:0;padding:0;font-family:Arial,sans-serif}header{color:#fff;text-align:center;background-color:#333;padding:1em 0}.markdown-content{color:#333;font-size:1rem;line-height:1.6}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin:1.2em 0 .5em;font-weight:700}.markdown-content p{margin:0 0 1em}.markdown-content a{color:#0070f3;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content ul{margin:0 0 1em 2em;list-style-type:disc}.markdown-content ol{margin:0 0 1em 2em;list-style-type:decimal}.markdown-content blockquote{background-color:#f9f9f9;border-left:5px solid #ccc;margin:1.5em 0;padding:.5em 1em}.markdown-content pre{background:#f4f4f4;padding:1em;overflow:auto}.markdown-content code{background:#f4f4f4;border-radius:3px;padding:.2em .4em}.markdown-content img{max-width:100%;height:auto}.blog-post-header{margin-bottom:20px;padding-bottom:20px}.blog-post-header h1{color:#111827;margin:0;font-size:2.5em}.blog-post-header h2.subtitle{color:#666;margin:10px 0 20px;font-size:1.5em;font-weight:400}.meta-and-share{justify-content:space-between;align-items:center;display:flex}.blog-post-header p.meta{color:#666;margin:10px 0;font-size:.9em}.share-icons{gap:10px;display:flex}.share-icons img{width:24px;height:24px}.back-link{color:#0070f3;cursor:pointer;margin-top:20px;margin-bottom:20px;font-size:1em;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}.tags{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.tag{color:#333;background-color:#fff;border:1px solid #eaeaea;border-radius:9999px;margin-bottom:10px;padding:5px 10px;font-size:.9em;display:inline-block}.blog-image{border-radius:10px;width:100%;height:auto;margin-top:20px}.blog-overview-container{max-width:1200px;margin:0 auto;padding:20px}.blog-overview-title{margin-bottom:10px}.blog-overview-description{color:#666;margin-bottom:20px;font-size:1.2em}.blog-overview{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.blog-card{background:#fff;border:1px solid #eaeaea;border-radius:10px;padding:20px;box-shadow:0 4px 6px #0000001a}.blog-card h3{margin-bottom:10px;font-size:1.5em}.blog-card p{color:#666;margin-bottom:10px}.blog-card a{color:#111827;text-decoration:none}.blog-card a:hover{text-decoration:underline}.blog-card img{border-radius:10px;max-width:100%;height:auto;margin-bottom:10px}