:root { --ink:#25272b; --rose:#e4a4bd; --paper:#fdf8f3; --line:#d8d0c8; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, sans-serif; line-height:1.6; }
main { width:min(760px, calc(100% - 40px)); margin:0 auto; padding:64px 0 80px; }
a { color:inherit; }
.brand { display:inline-block; color:var(--ink); font:800 1rem/1 Arial, sans-serif; letter-spacing:.08em; text-decoration:none; }
.brand span { color:#ad6881; margin-left:.35rem; font-size:.7em; }
h1 { font:800 clamp(2.2rem, 7vw, 4rem)/.95 Arial, sans-serif; letter-spacing:-.06em; margin:48px 0 16px; }
h2 { font-size:1.1rem; margin:36px 0 8px; text-transform:uppercase; letter-spacing:.06em; }
p, li { font-size:1rem; }
.updated { color:#65666a; margin:0; }
.note { border-left:4px solid var(--rose); padding:12px 16px; background:#fff; }
footer { border-top:1px solid var(--line); padding:24px 0 0; margin-top:48px; font-size:.9rem; color:#65666a; }