:root { --bg: #F6F4F0; --ink: #121212; --muted: #6E6C68; --line: #E9E5DE; --brand: #121212; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
header, main, footer { max-width: 760px; margin: 0 auto; padding: 0 16px; }
header { padding-top: 20px; }
.mark { font: 700 19px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: var(--ink); text-decoration: none; }
.mark span { display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: linear-gradient(135deg, #D8CCFF, #C3E6F2, #F7E3D2); margin-right: 8px; vertical-align: -1px; }
h1 { font-size: clamp(30px, 5vw, 44px); line-height: 1.1; letter-spacing: -0.03em; margin: 36px 0 4px; }
h2 { font-size: 19px; margin: 32px 0 8px; }
.updated { color: var(--muted); margin-top: 0; }
a { color: var(--brand); }
li { margin: 6px 0; }
footer { padding: 40px 16px 48px; margin-top: 40px; border-top: 1px solid var(--line); font-size: 13px; color: var(--muted); }
footer a { color: inherit; }