:root { color-scheme: light; }
body { margin:0; padding:48px 24px; background:#faf5eb; color:#33263d; font-family: ui-serif, Georgia, "Times New Roman", serif; display:flex; justify-content:center; }
main { max-width:600px; }
img.icon { width:72px; height:72px; border-radius:16px; margin-bottom:20px; box-shadow:0 6px 18px rgba(60,20,40,.18); }
h1 { font-size:32px; margin:0 0 4px; letter-spacing:.5px; }
.tag { color:#ad3b2b; font-family: ui-monospace, Menlo, monospace; font-size:12px; letter-spacing:2px; text-transform:uppercase; margin:0 0 28px; }
h2 { font-size:15px; letter-spacing:1px; text-transform:uppercase; margin:34px 0 10px; color:#ad3b2b; font-family: ui-monospace, Menlo, monospace; }
p, li { font-size:16px; line-height:1.7; color:#4a3d54; }
a { color:#ad3b2b; }
ul { padding-left:20px; }
nav a { margin-right:18px; font-family: ui-monospace, Menlo, monospace; font-size:13px; }
footer { margin-top:48px; font-size:13px; color:#8a7d93; font-family: ui-monospace, Menlo, monospace; }