:root { --green:#196b34; --dark:#17251b; --muted:#56645c; --line:#dbe6df; --bg:#f7faf8; --soft:#eef7f1; --cta:#1b7d3d; }
    body { margin:0; font-family: Arial, Helvetica, sans-serif; color:var(--dark); background:#fff; line-height:1.62; }
    article { max-width: 1120px; margin: 0 auto; padding: 28px 22px 72px; }
    .kicker { color:var(--green); font-weight:700; letter-spacing:.03em; text-transform:uppercase; font-size:14px; }
    .lede { font-size:20px; color:#2c3a31; max-width:920px; }
    .note { background:var(--soft); border-left:5px solid var(--green); padding:16px 18px; border-radius:10px; }
    .toc { border:1px solid var(--line); background:var(--bg); border-radius:16px; padding:20px 24px; margin:30px 0; }
    .toc a { color:#155d2e; text-decoration:none; }
    .toc a:hover, a:hover { text-decoration:underline; }
    h2 { margin-top:46px; padding-top:8px; font-size:30px; line-height:1.25; color:#102b19; }
    h3 { margin-top:26px; font-size:23px; line-height:1.3; color:#203728; }
    a { color:#166b35; }
    .figure { margin:34px 0; }
    .figure img { width:100%; height:auto; border:1px solid var(--line); border-radius:18px; background:#fff; }
    .figure figcaption { font-size:14px; color:var(--muted); margin-top:8px; }
    table { width:100%; border-collapse:collapse; margin:22px 0; font-size:15px; }
    th, td { border:1px solid var(--line); padding:10px 12px; vertical-align:top; }
    th { background:#edf6ef; text-align:left; }
    .grid { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:18px; }
    .card { border:1px solid var(--line); border-radius:14px; padding:18px; background:#fff; }
    .cta { background:#113d23; color:#fff; border-radius:18px; padding:24px; margin:34px 0; }
    .cta a { color:#fff; font-weight:700; }
    .pill { display:inline-block; border:1px solid #bfd8c8; background:#f5fbf7; border-radius:999px; padding:4px 10px; margin:3px; font-size:14px; }
    ul, ol { padding-left:24px; }
    .faq-item { border-top:1px solid var(--line); padding-top:18px; }
    @media (max-width: 760px) { .grid { grid-template-columns:1fr; } table { font-size:14px; } }