:root { color-scheme: light; --yellow:#FFD629; --green:#6BAA2E; --cream:#FFF9E6; --brown:#3A2A1A; }
* { box-sizing: border-box; }
body { margin:0; padding:0 20px 80px; background:var(--cream); color:var(--brown);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif; line-height:1.75; }
.wrap { max-width:720px; margin:0 auto; }
header { padding:48px 0 8px; }
h1 { font-size:1.8rem; margin:0 0 10px; }
.meta { color:#8a7a66; font-size:.9rem; margin-bottom:16px; }
h2 { font-size:1.15rem; color:var(--green); margin:2.2em 0 .6em; border-left:4px solid var(--green); padding-left:10px; }
ul { padding-left:1.3em; } li { margin:.4em 0; }
a { color:var(--green); }
.card { background:#fff; border:1px solid #efe2c4; border-radius:16px; padding:20px 24px; margin-top:28px; }
.card h2 { margin-top:0; }
.hero { display:flex; align-items:center; gap:18px; padding:56px 0 8px; }
.hero img { width:88px; height:88px; border-radius:22px; }
.tagline { font-size:1.05rem; color:#6b5b46; }
.pill { display:inline-block; background:var(--yellow); color:var(--brown); border-radius:999px;
  padding:4px 14px; font-size:.85rem; font-weight:600; margin-right:8px; }
nav { margin-top:32px; font-size:.95rem; }
nav a { margin-right:18px; }
footer { margin-top:56px; color:#8a7a66; font-size:.85rem; }