:root{--ink:#22303a;--muted:#6b7a85;--accent:#4f6f7f;--bg:#f6f4ef;--card:#fff}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 Georgia,"Times New Roman",serif;color:var(--ink);background:var(--bg)}
header{max-width:760px;margin:0 auto;padding:48px 20px 8px}header a{color:inherit;text-decoration:none}
h1{font-size:34px;margin:0;letter-spacing:.5px}.tag{color:var(--muted);font-style:italic;margin:4px 0 0}
nav{max-width:760px;margin:0 auto;padding:8px 20px 24px;font:14px/1.4 -apple-system,Segoe UI,Arial,sans-serif}
nav a{color:var(--accent);margin-right:18px;text-decoration:none}
main{max-width:760px;margin:0 auto;padding:0 20px 40px}
article{background:var(--card);border-radius:6px;padding:22px 26px;margin:0 0 22px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
article h2{margin:0 0 4px;font-size:23px}.date{color:var(--muted);font:13px -apple-system,Segoe UI,Arial,sans-serif;margin-bottom:10px}
.plate{height:180px;border-radius:4px;margin:12px 0;background:linear-gradient(160deg,#c9d6d9 0%,#9fb4ba 45%,#6f8a91 100%)}
.plate.dawn{background:linear-gradient(170deg,#f1d9c2 0%,#c9b8a8 50%,#7c8b8f 100%)}
.plate.reed{background:linear-gradient(180deg,#dfe3d0 0%,#a9b48a 60%,#6c7a52 100%)}
footer{max-width:760px;margin:0 auto;padding:10px 20px 40px;color:var(--muted);font:13px -apple-system,Segoe UI,Arial,sans-serif}