:root { --bg:#ffffff; --fg:#1d1b1a; --dim:#5f5956; --accent:#c4501c; --rule:#e6e1de; }
@media (prefers-color-scheme: dark) { :root { --bg:#0a1018; --fg:#ece6e0; --dim:#a39a92; --accent:#ff8a4c; --rule:#24303d; } }
body { background:var(--bg); color:var(--fg); font:16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; margin:0; }
main { max-width:720px; margin:0 auto; padding:40px 16px 64px; }
h1 { font-size:1.8rem; margin:0 0 4px; }
h2 { font-size:1.15rem; margin:32px 0 8px; padding-top:16px; border-top:1px solid var(--rule); }
.meta { color:var(--dim); margin:0 0 24px; }
a { color:var(--accent); }
li { margin:4px 0; }
.summary { background:rgba(196,80,28,.09); border-radius:10px; padding:12px 18px; }
.hero { display:flex; align-items:center; gap:16px; margin-bottom:24px; }
.hero img { width:96px; height:96px; border-radius:22px; }