:root{--bg:#f7f5f2;--fg:#1e1e1e;--accent:#e88c2b;--muted:#6b6b6b}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--fg)}
.top{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;border-bottom:1px solid #e4e0da}
.logo{display:flex;gap:10px;align-items:center;font-weight:700;color:var(--fg);text-decoration:none}
nav a{margin-left:20px;color:var(--muted);text-decoration:none}nav a:hover{color:var(--accent)}
main{max-width:980px;margin:0 auto;padding:24px 16px}
.hero img{width:100%;height:auto;border-radius:6px}.hero h1{margin:20px 0 4px;font-size:34px}
.notes{display:grid;gap:18px;margin:36px 0}.notes article{background:#fff;padding:18px 22px;border-radius:6px}
.notes time{color:var(--muted);font-size:14px}.notes h2{margin:4px 0;font-size:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.grid img{width:100%;height:auto;border-radius:4px}
.about{margin:36px 0}footer{padding:24px;text-align:center;color:var(--muted);font-size:14px}