/* blog.css — the site's own palette and fonts, so the blog does not read as a bolt-on */
:root{
  --page:#F9E2AD; --card:#FFF6E0; --ink:#3A2A18; --gold:#C9922B;
  --green:#2F5D3A; --deep:#16311D; --leaf:#4FA96A;
  color-scheme: light only;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--page); color:var(--ink);
  font:400 17px/1.7 Lexend, system-ui, sans-serif;
}
a{color:var(--green)}
header.top{
  background:var(--deep); padding:14px 20px; display:flex; gap:18px;
  align-items:center; flex-wrap:wrap;
}
header.top a{color:#F2C14E; text-decoration:none; font:600 15px Lexend, system-ui, sans-serif}
header.top a.home{font:800 17px "Baloo 2", system-ui, cursive}
main{max-width:760px; margin:0 auto; padding:28px 20px 60px}
h1{font:800 clamp(28px,5vw,42px)/1.15 "Baloo 2", system-ui, cursive; color:var(--deep); margin:.2em 0 .3em}
h2{font:800 clamp(21px,3.4vw,27px)/1.25 "Baloo 2", system-ui, cursive; color:var(--green); margin:1.8em 0 .4em}
p.lede{font-size:19px; color:#5a4630}
article.post{background:var(--card); border-radius:20px; padding:28px 26px; margin-bottom:22px;
  box-shadow:0 6px 22px rgba(58,42,24,.10)}
.meta{font:600 13px Lexend, system-ui, sans-serif; color:#8a6f4a; letter-spacing:.04em; text-transform:uppercase}
ul.clean{padding-left:1.15em}
ul.clean li{margin:.45em 0}
.cta{display:block; background:var(--green); color:#fff; text-decoration:none; text-align:center;
  padding:14px 18px; border-radius:14px; font:600 16px Lexend, system-ui, sans-serif; margin:26px 0 6px}
.cardlink{display:block; background:var(--card); border-radius:18px; padding:20px 22px; margin:14px 0;
  text-decoration:none; color:var(--ink); box-shadow:0 5px 18px rgba(58,42,24,.10)}
.cardlink h3{margin:.1em 0 .3em; font:800 21px "Baloo 2", system-ui, cursive; color:var(--deep)}
.cardlink p{margin:0; color:#5a4630; font-size:16px}
footer.foot{background:var(--deep); color:#e9dcc0; text-align:center; padding:22px 18px; font-size:14px}
footer.foot a{color:#F2C14E}