:root{--ink:#17233a;--muted:#667085;--blue:#1769aa;--line:#e6e9ef;--bg:#f8fafc}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:var(--blue)}.site-header{border-bottom:1px solid var(--line);background:#fff}.wrap{width:min(1100px,calc(100% - 36px));margin:auto}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0}.site-title{font-size:22px;font-weight:800;color:var(--ink);text-decoration:none}.tagline{color:var(--muted);font-size:13px}.nav{display:flex;gap:18px;flex-wrap:wrap}.nav a{text-decoration:none;color:var(--ink)}main{padding:46px 0 70px}.hero{padding:35px 0}.hero h1{font-size:clamp(36px,6vw,66px);line-height:1.05;margin:0 0 15px}.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.post-card{border:1px solid var(--line);border-radius:10px;padding:22px;background:var(--bg)}.post-card h2{margin-top:0}.meta{font-size:14px;color:var(--muted)}article{max-width:820px;margin:auto}article h1{font-size:clamp(34px,5vw,56px);line-height:1.08}article img{max-width:100%;height:auto}.comment{border-top:1px solid var(--line);padding:15px 0}.comment-form{margin-top:30px;padding:20px;background:var(--bg);border-radius:10px}.comment-form input,.comment-form textarea{width:100%;padding:10px;margin:6px 0 12px;border:1px solid #ccd1d9;border-radius:5px}.btn{display:inline-block;background:var(--blue);color:#fff;border:0;border-radius:5px;padding:10px 15px}.site-footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted)}