*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.7;color:#1a1a1a;background:#fff}
.container{max-width:780px;margin:0 auto;padding:0 20px}
header{background:#111;color:#fff;padding:14px 0}
.header-inner{display:flex;justify-content:space-between;align-items:center}
.logo{font-size:1.3rem;font-weight:700;letter-spacing:1px}
.logo a{color:#fff;text-decoration:none}
nav a{color:#ccc;text-decoration:none;margin-left:18px;font-size:.9rem}
nav a:hover{color:#fff}
.hero{background:linear-gradient(135deg,#0d1b2a,#1b3a4b);color:#fff;padding:60px 0;text-align:center}
.hero h1{font-size:2.2rem;margin-bottom:10px}
.hero p{font-size:1.1rem;opacity:.85}
article{padding:40px 0}
article h1{font-size:1.8rem;line-height:1.3;margin-bottom:8px}
.meta{color:#666;font-size:.85rem;margin-bottom:24px}
article p{margin-bottom:16px;font-size:1.05rem}
article h2{font-size:1.3rem;margin:28px 0 12px}
.posts{padding:40px 0}
.posts h2{font-size:1.4rem;margin-bottom:20px}
.post-card{border-bottom:1px solid #e5e5e5;padding:18px 0}
.post-card:last-child{border-bottom:none}
.post-card h3{margin-bottom:4px}
.post-card h3 a{color:#111;text-decoration:none}
.post-card h3 a:hover{color:#1b3a4b}
.post-card p{color:#555;font-size:.95rem}
footer{background:#111;color:#888;padding:24px 0;text-align:center;font-size:.8rem;margin-top:40px}