:root { --paper: #F2F7EC; --ink: #14301F; --yellow: #FFD65A; --leaf: #2E9A45; }
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--paper); color: var(--ink);
  font: 17px/1.6 "Shantell Sans", system-ui, sans-serif;
}
main { max-width: 640px; margin: 0 auto; padding: 48px 16px 64px; }
header { display: flex; align-items: center; gap: 16px; margin-bottom: 32px; }
header img { width: 64px; height: 64px; border-radius: 50%; }
h1 { font-size: 2rem; margin: 0; }
h2 { font-size: 1.15rem; margin: 2rem 0 0.5rem; }
a { color: var(--leaf); }
.tag { display: inline-block; background: var(--yellow); padding: 2px 10px; border-radius: 12px; font-weight: 600; }
ul.links { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 12px; }
ul.links a { display: inline-block; padding: 8px 16px; border: 2px solid var(--ink); border-radius: 20px; color: var(--ink); text-decoration: none; font-weight: 600; }
ul.links a:hover { background: var(--yellow); }
footer { margin-top: 48px; font-size: 0.9rem; opacity: 0.8; }