:root{--bg:#fbfaf7;--ink:#2b2b2b;--muted:#7a766e;--accent:#4a6b57;--line:#e7e3da}
*{box-sizing:border-box}
body{margin:0;font-family:Georgia,"Times New Roman",serif;background:var(--bg);color:var(--ink);line-height:1.7}
.wrap{max-width:720px;margin:0 auto;padding:0 22px}
header.site{border-bottom:1px solid var(--line);padding:34px 0 22px}
header.site h1{margin:0;font-size:26px;letter-spacing:.3px}
header.site h1 a{color:var(--ink);text-decoration:none}
header.site .tag{color:var(--muted);font-style:italic;margin-top:6px;font-size:15px}
nav{margin-top:16px;font-family:-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}
nav a{color:var(--accent);text-decoration:none;margin-right:18px}
nav a:hover{text-decoration:underline}
main{padding:30px 0 60px}
article.post{margin-bottom:46px;padding-bottom:30px;border-bottom:1px solid var(--line)}
article.post:last-child{border-bottom:none}
article.post h2{margin:0 0 6px;font-size:22px}
article.post h2 a{color:var(--ink);text-decoration:none}
article.post h2 a:hover{color:var(--accent)}
.meta{font-family:-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px;color:var(--muted);margin-bottom:14px}
.meta span{margin-right:14px}
article.post p{margin:0 0 14px}
.more{font-family:-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--accent);text-decoration:none}
.more:hover{text-decoration:underline}
footer.site{border-top:1px solid var(--line);padding:24px 0 40px;color:var(--muted);font-size:13px;font-family:-apple-system,Segoe UI,Roboto,sans-serif}
footer.site a{color:var(--muted)}
.about p{margin:0 0 16px}
blockquote{border-left:3px solid var(--accent);margin:0 0 16px;padding:4px 0 4px 18px;color:var(--muted);font-style:italic}
code{background:#f0ede5;padding:1px 5px;border-radius:3px;font-size:90%}
.watch{margin:0 0 44px;padding-bottom:30px;border-bottom:1px solid var(--line)}
h3.sec{font-family:-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;color:var(--muted);margin:0 0 16px;font-weight:600}
.videos{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media(max-width:540px){.videos{grid-template-columns:1fr}}
.clip{margin:0}
.clip video{width:100%;aspect-ratio:16/9;background:#111;border-radius:6px;display:block}
.clip figcaption{font-family:-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px;color:var(--muted);margin-top:7px;line-height:1.4}
.credit{font-family:-apple-system,Segoe UI,Roboto,sans-serif;font-size:12px;color:var(--muted);margin:16px 0 0}