:root{
    --green-deep:#5a7a5d;
    --green:#6b8e6e;
    --green-soft:#8aa98c;
    --green-pale:#e8efe6;
    --green-line:#c9d8c6;
    --cream:#f7f5ef;
    --card:#fffefb;
    --ink:#3f4a3c;
    --ink-soft:#545d51;
    --shadow:0 10px 40px rgba(90,122,93,.10);
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:var(--cream);color:var(--ink);font-family:'Assistant',system-ui,Arial,sans-serif;
    font-weight:400;line-height:1.7;-webkit-font-smoothing:antialiased;padding:24px 14px 60px}
  .wrap{max-width:720px;margin:0 auto}
  header{text-align:center;padding:8px 0 20px}
  h1{font-family:'Frank Ruhl Libre',serif;font-size:28px;font-weight:700;color:var(--green-deep);margin:0 0 10px}
  .back{display:inline-block;color:var(--green-deep);font-weight:600;text-decoration:none;margin-bottom:6px}
  .back:hover{text-decoration:underline}
  .updated{color:var(--ink-soft);font-size:13.5px;margin:0 0 4px}
  .card{background:var(--card);border:1px solid var(--green-line);border-radius:18px;box-shadow:var(--shadow);
    padding:28px 26px;margin:0 0 20px}
  h2{font-family:'Frank Ruhl Libre',serif;font-size:19px;color:var(--green-deep);margin:0 0 10px}
  p{margin:0 0 12px;font-size:15.5px}
  ul{margin:0 0 12px;padding-inline-start:22px;font-size:15.5px}
  li{margin-bottom:6px}
  a{color:var(--green-deep);font-weight:600}
  a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:2px}
  .site-footer{text-align:center;margin-top:36px;padding-top:22px;border-top:1px solid var(--green-line)}
  .site-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-bottom:12px}
  .site-footer-links a{color:var(--ink-soft);font-size:14px;text-decoration:underline;font-weight:400}
  .site-footer-links a:hover{color:var(--green-deep)}
  .site-footer .copy{color:var(--ink-soft);font-size:12.5px;margin:0}
