:root{--accent:#c08a3e;--bg:#0f1115;--bg2:#171a21;--card:#1b1f29;
  --line:#2a3040;--fg:#eef1f7;--muted:#9aa4ba;--maxw:760px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);line-height:1.65;
  font-family:Georgia,"Times New Roman",serif}
a{color:var(--accent)}img{max-width:100%;height:auto;border-radius:10px}
.nav{display:flex;justify-content:space-between;align-items:center;
  max-width:var(--maxw);margin:0 auto;padding:18px 22px;font-family:system-ui,sans-serif}
.brand{font-weight:800;color:var(--fg);text-decoration:none;font-size:1.1rem}
.navlink{color:var(--muted);text-decoration:none;font-weight:600}
.hero{max-width:var(--maxw);margin:0 auto;padding:48px 22px 8px;font-family:system-ui,sans-serif}
.hero h1{font-size:clamp(2rem,6vw,3rem);margin:.2em 0;color:var(--accent)}
.lead{color:var(--muted);font-size:1.15rem}
main{max-width:var(--maxw);margin:0 auto;padding:8px 22px 48px}
.post article h1{font-size:2.1rem;line-height:1.2;margin:.3em 0 .5em;font-family:system-ui,sans-serif}
.post article h2{font-size:1.4rem;margin:1.5em 0 .4em;font-family:system-ui,sans-serif}
.post article p{margin:1em 0}
.post article table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:.95rem}
.post article th,.post article td{border:1px solid var(--line);padding:8px 10px;text-align:left}
.back{margin-top:32px;font-family:system-ui,sans-serif}
.post-grid{display:grid;gap:14px;font-family:system-ui,sans-serif}
.post-card{display:block;background:var(--card);border:1px solid var(--line);
  border-radius:12px;padding:16px 18px;color:var(--fg);text-decoration:none;transition:.15s}
.post-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.post-card h3{margin:0 0 6px;font-size:1.1rem}
.post-card p{margin:0;color:var(--muted);font-size:.9rem}
footer{border-top:1px solid var(--line);margin-top:40px;padding:24px 22px;
  text-align:center;color:var(--muted);font-size:.85rem;font-family:system-ui,sans-serif}
footer a{color:var(--muted)}