:root { --bg:#fff; --fg:#1a1a1a; --muted:#6b6b6b; --line:#e6e6e6; --accent:#c2447a; --code:#f3f3f3; }
@media (prefers-color-scheme: dark) { :root { --bg:#121212; --fg:#e8e8e8; --muted:#9a9a9a; --line:#2a2a2a; --accent:#e07aa8; --code:#1e1e1e; } }
* { box-sizing:border-box }
body { margin:0; padding:0 16px 48px; background:var(--bg); color:var(--fg); font:17px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,sans-serif; max-width:720px; margin-inline:auto }
a { color:var(--accent); text-decoration:none } a:hover { text-decoration:underline }
header { padding:32px 0 8px; border-bottom:1px solid var(--line) }
header h1 { margin:0; font-size:28px } header h1 a { color:var(--fg) } header .sub { color:var(--muted); font-weight:400 }
.tagline { color:var(--muted); margin:6px 0 16px }
.week { margin-top:36px }
.week-head { font-size:20px; margin:0 0 8px; padding-bottom:6px; border-bottom:1px solid var(--line) }
.entry { padding:18px 0; border-bottom:1px solid var(--line) } .entry:last-child { border-bottom:0 }
.entry h2 { font-size:18px; margin:0 0 8px } .entry h2 a { color:var(--fg) }
.entry-week { background:var(--code); padding:18px; border-radius:8px; border-bottom:0; margin:8px 0 }
.meta { color:var(--muted); font-weight:400; font-size:14px; white-space:nowrap }
.entry p { margin:8px 0 } .entry ul, .entry ol { margin:8px 0; padding-left:22px } .entry li { margin:2px 0 }
.entry h3, .entry h4 { margin:14px 0 4px; font-size:16px }
code { background:var(--code); padding:1px 5px; border-radius:4px; font-size:15px }
footer { margin-top:48px; padding-top:16px; border-top:1px solid var(--line); color:var(--muted); font-size:15px }