:root{
  --green:#14532d;
  --green-dark:#0b3820;
  --green-darker:#072818;
  --green-light:#1f7a45;
  --gold:#d7dde2;
  --white:#ffffff;
  --off:#f4f6f4;
  --ink:#1a2420;
  --muted:#5b6b62;
  --line:#dde5df;
  --card:#ffffff;
  --radius:14px;
  --shadow:0 2px 10px rgba(10,40,25,.08);
  --shadow-lg:0 10px 30px rgba(10,40,25,.16);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--off);line-height:1.65}
h1,h2,h3,h4,.nav,.btn{font-family:'Segoe UI',system-ui,-apple-system,Helvetica,Arial,sans-serif}
a{color:var(--green-light);text-decoration:none}
a:hover{text-decoration:underline}

header{background:var(--green-darker);box-shadow:0 2px 12px rgba(0,0,0,.35)}
.nav{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.25rem;flex-wrap:wrap;gap:.5rem}
.brand{display:flex;align-items:baseline;gap:.5rem;color:var(--white);font-weight:800;font-size:1.25rem;letter-spacing:.5px}
.brand .paw{font-size:1.35rem}
.brand em{color:var(--gold);font-style:normal}
.nav .back{color:#cfe3d6;font-weight:600;font-size:.92rem}

main{max-width:800px;margin:0 auto;padding:2.5rem 1.25rem 3.5rem}

.pcat{font-family:'Segoe UI',system-ui,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green-light)}
article.post{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow)}
article.post h1{font-family:'Segoe UI',system-ui,sans-serif;font-size:clamp(1.6rem,4vw,2.1rem);color:var(--green-dark);margin:.4rem 0 .3rem;line-height:1.25}
article.post .pmeta{font-family:'Segoe UI',system-ui,sans-serif;font-size:.82rem;color:#8a978f;margin-bottom:1.4rem}
article.post h4{margin:1.3rem 0 .4rem;color:var(--green-dark);font-size:1.1rem}
article.post p{margin-bottom:.9rem}
article.post .note{font-size:.85rem;color:var(--muted);margin-top:1rem;font-family:'Segoe UI',system-ui,sans-serif}

.back-link{display:inline-block;margin-bottom:1.4rem;font-family:'Segoe UI',system-ui,sans-serif;font-weight:700;font-size:.9rem}

footer{background:var(--green-darker);color:#9fc0ac;padding:2.5rem 1.25rem;text-align:center;font-family:'Segoe UI',system-ui,sans-serif;font-size:.9rem}
footer b{color:var(--white)}
footer .links{margin:.6rem 0}
footer .links a{color:var(--gold);margin:0 .5rem}

@media(max-width:640px){ article.post{padding:1.3rem} }