*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.6;color:#333;background:#fff}a{color:#3498db;text-decoration:none;transition:color .2s}a:hover{color:#217dbb;text-decoration:underline}.container{max-width:900px;margin:0 auto;padding:3rem 20px 0}.hero{text-align:center;padding:3rem 0;margin-bottom:3rem}.hero h1{font-size:2.5rem;margin-bottom:1rem;color:#2c3e50}.hero p{font-size:1.25rem;color:#666}.post-grid{display:block;margin-bottom:2rem;position:relative}.post-card-link{text-decoration:none;color:inherit;display:block;position:absolute;transition:top .3s ease,left .3s ease;width:100%}.post-card-link.hidden{display:none}@media (min-width: 600px){.post-card-link{width:calc(50% - 1rem)}}.post-card{background:#f8f9fa;border-radius:8px;padding:1.5rem;transition:transform .2s,box-shadow .2s;height:fit-content;width:100%}.post-card-link:hover .post-card{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.post-card h2,.post-card h3{margin-bottom:.5rem}.post-card h2 a,.post-card h3 a{color:#2c3e50;text-decoration:none}.post-card h2 a:hover,.post-card h3 a:hover{color:#3498db}.post-card time{display:block;color:#666;font-size:.9rem;margin-bottom:1rem}.post-card .post-summary{color:#555;margin-bottom:1rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.post-card .read-more{color:#3498db;font-weight:500}.post-card .read-more:hover{text-decoration:underline}.post-list .post-card{background:#fff;border:1px solid #dee2e6;margin-bottom:2rem}.post-list .post-card h2{font-size:1.5rem}.post .post-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #dee2e6}.post .post-header h1{font-size:2.5rem;color:#2c3e50;margin-bottom:.5rem;line-height:1.2}.post .post-header .post-meta{color:#666}.post .post-content{margin-bottom:3rem}.post .post-content h2{margin:2rem 0 1rem;color:#2c3e50}.post .post-content h3{margin:1.5rem 0 .75rem;color:#2c3e50}.post .post-content p{margin-bottom:1rem}.post .post-content ul,.post .post-content ol{margin-bottom:1rem;padding-left:2rem}.post .post-content blockquote{border-left:4px solid #3498db;padding-left:1rem;margin:1rem 0;color:#666;font-style:italic}.post .post-content pre{background:#f8f9fa;padding:1rem;border-radius:4px;overflow-x:auto;margin-bottom:1rem}.post .post-content code{background:#f8f9fa;padding:.2rem .4rem;border-radius:3px;font-size:.9em}.post .post-content pre code{background:none;padding:0}.post .post-content img{max-width:100%;height:auto;display:block;margin:1rem auto}.post .post-footer{padding-top:2rem;border-top:1px solid #dee2e6}.footer{margin-top:4rem;padding:2rem 0;background:#f8f9fa;text-align:center;color:#666}.footer a{color:#3498db}.view-all{display:inline-block;margin-top:1rem;font-weight:500}.page-header{margin-bottom:2rem}.page-header h1{color:#2c3e50;margin-bottom:.5rem}.page-header p{color:#666;font-size:1.1rem}@media (max-width: 768px){.hero h1{font-size:2rem}.post h1{font-size:2rem}.post-grid{column-count:1}}