:root{--ink:#20252b;--muted:#5f6b76;--line:#e7ebee;--accent:#2f9e58;--bg:#fff;--wrap:720px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);
font:400 18px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Georgia,serif;letter-spacing:.1px}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 22px}
header.site{border-bottom:1px solid var(--line);padding:18px 0;text-align:center}
header.site .brand{display:inline-flex;align-items:center;gap:12px}
header.site .brand img{height:50px;width:auto}
header.site .brand span{font-size:25px;font-weight:600;letter-spacing:.02em;color:var(--accent)}
.intro{text-align:center;padding:34px 0 8px}.intro h1{font-size:30px;margin:0 0 8px;font-weight:600}
.intro p{color:var(--muted);margin:0 auto;max-width:52ch}
.postlist{padding:20px 0 10px}.card{padding:22px 0;border-bottom:1px solid var(--line)}
.card h2{font-size:22px;margin:0 0 4px;font-weight:600;line-height:1.25}.card h2 a{color:var(--ink)}
.meta{color:var(--muted);font-size:14px;margin:0 0 10px;font-family:-apple-system,Segoe UI,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.card p.ex{margin:0;color:#3d4650}
article.post{padding:30px 0}article.post h1{font-size:32px;line-height:1.2;margin:0 0 6px;font-weight:700}
article.post img{max-width:100%;height:auto;border-radius:6px;margin:14px 0}
article.post h2{font-size:24px;margin:28px 0 8px}article.post ul,article.post ol{padding-left:22px}
article.post blockquote{margin:18px 0;padding:6px 18px;border-left:3px solid var(--accent);color:var(--muted)}
.embed-link{margin:18px 0;font-family:-apple-system,Segoe UI,Arial,sans-serif}
.embed-link a{display:inline-block;padding:11px 17px;border:1px solid var(--line);border-radius:6px;font-size:15px;word-break:break-word}
.embed-link a:hover{border-color:var(--accent);text-decoration:none}
.backlink{display:inline-block;margin-top:26px;font-family:-apple-system,Segoe UI,Arial,sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:.06em}
footer.site{border-top:1px solid var(--line);margin-top:40px;padding:26px 0;color:var(--muted);font-size:14px;text-align:center;font-family:-apple-system,Segoe UI,Arial,sans-serif}