
  body { margin:0; font-family: Arial, Helvetica, sans-serif; color:#1c2722; background:#ffffff; line-height:1.64; }
  .article-wrap { max-width: 1080px; margin: 0 auto; padding: 32px 20px 64px; }
  .eyebrow { color:#2e7d52; font-weight:700; letter-spacing:.04em; text-transform:uppercase; font-size:.86rem; }
  .intro { font-size:1.08rem; color:#33443b; }
  .toc { border:1px solid #d9e6de; border-radius:14px; padding:20px 24px; background:#f7faf8; margin:28px 0; }
  .toc strong { display:block; margin-bottom:8px; }
  .toc a { color:#1e6b47; text-decoration:none; }
  .toc a:hover { text-decoration:underline; }
  h2 { margin-top:42px; font-size:1.75rem; line-height:1.25; color:#173b2f; }
  h3 { margin-top:28px; font-size:1.28rem; color:#173b2f; }
  a { color:#1e6b47; font-weight:600; }
  table { width:100%; border-collapse:collapse; margin:22px 0; font-size:.95rem; }
  th, td { border:1px solid #d9e6de; padding:12px; text-align:left; vertical-align:top; }
  th { background:#eef6f1; color:#173b2f; }
  .note, .cta-box { border-left:5px solid #2e7d52; background:#f7faf8; padding:18px 20px; border-radius:10px; margin:24px 0; }
  .cta-box { border:1px solid #c9dfd1; border-left:5px solid #2e7d52; }
  .cta-box a { display:inline-block; margin-top:8px; padding:10px 16px; border-radius:8px; background:#2e7d52; color:#fff; text-decoration:none; }
  figure { margin:34px 0; }
  figure img { width:100%; height:auto; border:1px solid #d9e6de; border-radius:14px; background:#fff; }
  figcaption { font-size:.9rem; color:#526359; margin-top:8px; }
  ul { padding-left:22px; }
  .faq-item { border-top:1px solid #d9e6de; padding-top:16px; }
