*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;font-family:Inter,sans-serif;scroll-behavior:smooth}body{background-color:#f9f9f9;color:#333;line-height:1.6}a{color:#1e90ff;text-decoration:none;transition:color .2s ease-in-out}a:hover{color:#004a8e}h1,h2,h3{font-family:Roboto,sans-serif;font-weight:700;margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{font-size:1.125rem;margin-bottom:1rem}ul{list-style-type:none}ul li{margin-bottom:.5rem}article{max-width:800px;margin:2rem auto;padding:2rem;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px}header{padding:2rem;background-color:#1e90ff}footer,header{color:#fff;text-align:center}footer{padding:1rem;background-color:#333}.post-meta,footer p{font-size:.875rem}.post-meta{color:#666;margin-bottom:1.5rem}.post-content{line-height:1.8}blockquote{border-left:4px solid #1e90ff;padding:1rem;font-style:italic;margin:2rem 0}blockquote,code{background-color:#f4f7fb}code{padding:.2rem .5rem}code,pre{border-radius:4px}pre{background-color:#282c34;color:#fff;padding:1rem;overflow-x:auto}pre code{background-color:transparent;color:inherit}