.blog-page{max-width:800px;margin:0 auto;padding:2rem 1rem}.blog-page .hero-section{margin-bottom:2rem;padding:1.5rem 0;border-bottom:1px solid #e5e7eb}.blog-page .hero-section h1{margin-bottom:.5rem;color:#111;font-size:2.2rem}.blog-posts{display:flex;flex-direction:column}.blog-card{display:block;padding:1.75rem 0;text-decoration:none;color:inherit;border-bottom:1px solid #e5e7eb}.blog-card:hover{background:none;box-shadow:none}.blog-card-title{color:#111;font-size:1.4rem;font-weight:600;margin:0 0 .5rem 0;line-height:1.4}.blog-card-date{display:block;color:#999;font-size:.9rem;margin-bottom:.75rem}.blog-card-excerpt{color:#666;line-height:1.6;margin:0 0 1rem 0}.blog-card-link{color:#ff6b6b;font-weight:500;font-size:.95rem}.blog-card:hover .blog-card-title{color:#ff6b6b}.blog-post-page{max-width:800px;margin:0 auto;padding:2rem 1rem}.blog-back{margin-bottom:2rem}.blog-back a{color:#666;text-decoration:none;font-size:.95rem}.blog-back a:hover{color:#ff6b6b}.blog-article-header{margin-bottom:2.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:1.5rem}.blog-article-header h1{color:#111;font-size:2.2rem;line-height:1.3;margin:0 0 .75rem 0}.blog-article-date{display:block;color:#999;font-size:.95rem}.blog-article-body{color:#333;line-height:1.8;font-size:1.05rem}.blog-article-body h2{color:#111;font-size:1.5rem;margin:2.5rem 0 1rem 0;font-weight:600}.blog-article-body p{margin:0 0 1.25rem 0;color:#444}.blog-article-body ul,.blog-article-body ol{margin:0 0 1.25rem 0;padding-left:1.5rem}.blog-article-body li{margin-bottom:.5rem;color:#444}.blog-article-body code{background:#f4f4f5;padding:.15rem .4rem;border-radius:4px;font-size:.92em;color:#111;overflow-wrap:anywhere}.blog-article-body strong{color:#111}.merkle-tree-diagram{margin:2rem 0;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}@media(max-width:768px){.blog-page{padding:1rem .5rem}.blog-page .hero-section{margin-bottom:1.5rem;padding:1rem 0}.blog-page .hero-section h1{font-size:2rem}.blog-card{padding:1.25rem 0}.blog-card-title{font-size:1.2rem}.blog-post-page{padding:1rem .5rem}.blog-article-header h1{font-size:1.6rem}.blog-article-body{font-size:1rem}}@media(max-width:480px){.blog-page .hero-section h1{font-size:1.75rem}.blog-article-header h1{font-size:1.4rem}.blog-article-body h2{font-size:1.25rem}}