:root {
  --honey: #F6B829; --leaf: #6DBE45; --sky: #8FD3F4; --cream: #FFF6E0; --line: #4A3B33;
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--cream); color: var(--line);
  font-family: ui-rounded, "SF Pro Rounded", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.6; font-size: 17px;
}
header { background: var(--sky); border-bottom: 6px solid var(--line); padding: 24px 16px; text-align: center; }
header img { max-width: min(520px, 100%); height: auto; }
main { max-width: 760px; margin: 0 auto; padding: 24px 16px 48px; }
h1 { font-size: 1.8rem; margin: 0.4em 0; }
h2 { font-size: 1.25rem; margin-top: 1.8em; }
a { color: #2F6F1A; font-weight: 600; }
.button {
  display: inline-block; background: var(--honey); color: var(--line); text-decoration: none;
  border: 4px solid var(--line); border-radius: 999px; padding: 10px 24px; margin: 8px 0;
}
.note { background: #fff; border: 3px solid var(--line); border-radius: 16px; padding: 12px 16px; }
footer { text-align: center; padding: 24px 16px; font-size: 0.9rem; border-top: 3px solid var(--line); }
footer a { margin: 0 8px; }