*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.6}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;color:#333;background-color:#fff;min-height:100vh}.site-wrapper{max-width:800px;margin:0 auto;padding:0 2rem;min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;margin-bottom:2rem}.logo{font-family:"Georgia",serif;font-size:2rem;font-weight:700;color:#333;text-decoration:none}.logo:hover{color:#06c}.nav a{font-family:"Georgia",serif;font-size:1.2rem;color:#666;text-decoration:none}.nav a:hover{color:#06c}.main{flex:1}.hero-image{width:100%;margin-bottom:3rem}.hero-image img{width:100%;height:200px;display:block;border-radius:4px;object-fit:cover}.hero-image .placeholder{width:100%;height:300px;background:linear-gradient(135deg, #f5f5f5 25%, #e8e8e8 25%, #e8e8e8 50%, #f5f5f5 50%, #f5f5f5 75%, #e8e8e8 75%);background-size:40px 40px;border:2px solid #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#666;font-style:italic}.content{margin-bottom:4rem}.content p{margin-bottom:1rem;font-size:1.1rem;line-height:1.7}.content ul{margin-left:1.5rem;margin-bottom:1rem}.content ul li{margin-bottom:.5rem;font-size:1.1rem;line-height:1.7}.content a{color:#06c;text-decoration:none}.content a:hover{text-decoration:underline}.footer{padding:2rem 0;margin-top:auto;border-top:1px solid #eee}.social-links{display:flex;justify-content:center;gap:1.5rem}.social-links a{color:#333;text-decoration:none;transition:color .2s ease;font-size:1.75rem}.social-links a:hover{color:#06c}.blog-header{margin-bottom:2rem}.blog-header h1{font-family:"Georgia",serif;font-size:2.5rem;margin-bottom:.5rem}.blog-header .blog-description{color:#666;font-size:1.1rem}.blog-list{list-style:none;margin:0;padding:0}.blog-post-preview{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #eee}.blog-post-preview:last-child{border-bottom:none}.blog-post-preview .post-link{text-decoration:none}.blog-post-preview .post-link .post-title{font-family:"Georgia",serif;font-size:1.5rem;color:#333;margin-bottom:.25rem;transition:color .2s ease}.blog-post-preview .post-link .post-title:hover{color:#06c}.blog-post-preview .post-date{display:block;font-size:.9rem;color:#666;margin-bottom:.5rem}.blog-post-preview .post-description{color:#666;font-size:1rem;line-height:1.6;margin:0}.blog-post .post-header{margin-bottom:2rem}.blog-post .post-title{font-family:"Georgia",serif;font-size:2.5rem;margin-bottom:.5rem;line-height:1.2}.blog-post .post-date{display:block;color:#666;font-size:1rem;margin-bottom:.5rem}.blog-post .post-description{color:#666;font-size:1.1rem;font-style:italic;margin:0}.blog-post .post-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid #eee}.blog-post .post-footer .back-link{color:#06c;text-decoration:none;font-size:1rem}.blog-post .post-footer .back-link:hover{text-decoration:underline}.post-content h2{font-size:1.75rem;margin-top:2rem;margin-bottom:1rem}.post-content h3{font-size:1.4rem;margin-top:1.5rem;margin-bottom:.75rem}.post-content p{margin-bottom:1rem;line-height:1.7}.post-content ul,.post-content ol{margin-left:1.5rem;margin-bottom:1rem}.post-content ul li,.post-content ol li{margin-bottom:.5rem;line-height:1.7}.post-content a{color:#06c}.post-content a:hover{text-decoration:underline}.post-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}.post-content table th,.post-content table td{padding:.75rem;text-align:left;border:1px solid #ddd}.post-content table th{background:#f5f5f5;font-weight:600}.post-content table tr:nth-child(even){background:#fafafa}pre{background:#1e1e1e;color:#d4d4d4;padding:1.25rem;border-radius:6px;overflow-x:auto;margin:1.5rem 0;font-size:.9rem;line-height:1.5}pre code{background:none;padding:0;color:inherit;font-size:inherit}code{font-family:"SF Mono","Fira Code","Consolas",monospace;background:#f4f4f4;padding:.2rem .4rem;border-radius:3px;font-size:.9em}.MathJax{font-size:1.1em !important}mjx-container[display=true]{margin:1.5rem 0 !important}@media (max-width: 600px){.site-wrapper{padding:0 1rem}.header{padding:1.5rem 0}.logo{font-size:1.5rem}.nav a{font-size:1rem}.hero-image .placeholder{height:200px}.content p,.content ul li{font-size:1rem}.post-title{font-size:1.75rem}.post-content h2{font-size:1.4rem}.post-content h3{font-size:1.2rem}pre{padding:1rem;font-size:.85rem}}