*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%}body{line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif;color:#333;background-color:#fff}.container{width:90%;max-width:1200px;margin:0 auto}header,footer{background:#f8f9fa;padding:1rem 0}.site-title a{font-size:1.5rem;font-weight:700;color:#2c3e50;text-decoration:none}.site-nav ul{display:flex;gap:1.5rem;list-style:none}.site-nav a{text-decoration:none;color:#555;font-weight:500}.site-nav a:hover{color:#2c3e50}.hero{text-align:center;padding:4rem 0;background:#ecf0f1}.hero h1{font-size:2.5rem;margin-bottom:1rem}.hero p{font-size:1.25rem;color:#555}.grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff}.card img{width:100%;height:auto;display:block}.card h3{margin:1rem;font-size:1.25rem}.card h3 a{color:#2c3e50;text-decoration:none}.card h3 a:hover{text-decoration:underline}.card p{margin:0 1rem 1rem;color:#666}.post-list{list-style:none;padding:0}.post-list li{border-bottom:1px solid #eee;padding:1rem 0}.post-list li:last-child{border-bottom:none}.post-list a{font-size:1.125rem;color:#2c3e50;text-decoration:none}.post-list a:hover{text-decoration:underline}.post-list time{display:block;margin-top:.5rem;color:#777;font-size:.875rem}.pagination{display:flex;justify-content:center;gap:1rem;margin:2rem 0}.pagination a{text-decoration:none;color:#555;padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px}.pagination a:hover{background:#f0f0f0;color:#2c3e50}@media(prefers-color-scheme:dark){body{background:#111;color:#eee}header,footer{background:#1a1a1a}.site-title a,.post-list a,.card h3 a{color:#eee}.site-nav a{color:#ccc}.site-nav a:hover{color:#fff}}