* {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      padding: 0;
      background: #ffffff;
      color: #333333;
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.8;
    }

    .article-wrapper {
      max-width: 760px;
      margin: 0 auto;
      padding: 48px 24px 80px;
    }

    .breadcrumb {
      font-size: 0.88rem;
      color: #777;
      margin-bottom: 22px;
    }

    .breadcrumb a {
      color: #2e6b30;
      text-decoration: none;
    }

    h1 {
      font-family: Georgia, "Times New Roman", serif;
      font-size: 1.9rem;
      line-height: 1.3;
      color: #1e4820;
      margin: 0 0 22px;
    }

    h2 {
      font-family: Georgia, "Times New Roman", serif;
      font-size: 1.35rem;
      line-height: 1.4;
      color: #1e4820;
      border-left: 4px solid #2e6b30;
      padding-left: 14px;
      margin: 42px 0 18px;
    }

    h3 {
      font-family: Georgia, "Times New Roman", serif;
      font-size: 1.08rem;
      line-height: 1.45;
      color: #1e4820;
      margin: 28px 0 10px;
    }

    p {
      font-size: 1.02rem;
      margin: 0 0 18px;
    }

    .lede {
      font-size: 1.15rem;
      line-height: 1.75;
      color: #444;
      margin-bottom: 28px;
    }

    strong {
      color: #1e4820;
    }

    .answer-box {
      background: #f1f7f1;
      border-left: 5px solid #2e6b30;
      padding: 20px 22px;
      margin: 28px 0;
      border-radius: 4px;
    }

    .answer-box strong {
      display: block;
      margin-bottom: 7px;
      font-size: 1.05rem;
    }

    .compare-table {
      width: 100%;
      border-collapse: collapse;
      margin: 24px 0 30px;
      font-size: 0.95rem;
    }

    .compare-table th,
    .compare-table td {
      border: 1px solid #d9e2d9;
      padding: 11px 12px;
      text-align: left;
      vertical-align: top;
    }

    .compare-table th {
      background: #2e6b30;
      color: #ffffff;
      font-weight: 600;
    }

    .compare-table tr:nth-child(even) td {
      background: #f7faf7;
    }

    .checklist-box {
      background: #f8faf8;
      border: 1px solid #dce6dc;
      border-radius: 6px;
      padding: 22px 24px;
      margin: 24px 0;
    }

    .checklist-box ul {
      margin: 0;
      padding-left: 22px;
    }

    .checklist-box li {
      margin-bottom: 9px;
    }

    .checklist-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 14px;
      margin: 24px 0;
    }

    .check-item {
      background: #f5f8f5;
      border: 1px solid #dce5dc;
      border-radius: 5px;
      padding: 16px;
    }

    .check-item strong {
      display: block;
      margin-bottom: 5px;
    }

    .product-box {
      background: #eef6ee;
      border: 1px solid #cddfce;
      border-radius: 7px;
      padding: 25px;
      margin: 34px 0;
    }

    .product-box h3 {
      margin-top: 0;
      color: #1e4820;
    }

    .flow-box {
      background: #f7f9f7;
      border: 1px solid #dfe6df;
      border-radius: 6px;
      padding: 20px 22px;
      margin: 26px 0;
    }

    .flow-step {
      margin-bottom: 13px;
    }

    .flow-step:last-child {
      margin-bottom: 0;
    }

    .step-number {
      display: inline-block;
      width: 27px;
      height: 27px;
      line-height: 27px;
      text-align: center;
      background: #2e6b30;
      color: #fff;
      border-radius: 50%;
      font-size: 0.85rem;
      margin-right: 7px;
    }

    .cta-box {
      background: #2e6b30;
      color: #ffffff;
      padding: 30px 25px;
      border-radius: 7px;
      margin: 42px 0 35px;
      text-align: center;
    }

    .cta-box h2 {
      color: #ffffff;
      border-left: none;
      padding-left: 0;
      margin-top: 0;
    }

    .cta-box p {
      color: #ffffff;
    }

    .cta-button {
      display: inline-block;
      background: #ffffff;
      color: #2e6b30;
      padding: 11px 22px;
      border-radius: 4px;
      text-decoration: none;
      font-weight: 600;
      margin-top: 8px;
    }

    .faq-section {
      margin-top: 42px;
    }

    .faq-section details {
      border-bottom: 1px solid #dfe5df;
      padding: 15px 0;
    }

    .faq-section summary {
      cursor: pointer;
      font-weight: 600;
      color: #1e4820;
      list-style: none;
      position: relative;
      padding-right: 25px;
    }

    .faq-section summary::-webkit-details-marker {
      display: none;
    }

    .faq-section summary::after {
      content: "+";
      position: absolute;
      right: 0;
      top: 0;
      font-size: 1.25rem;
      color: #2e6b30;
    }

    .faq-section details[open] summary::after {
      content: "−";
    }

    .faq-answer {
      padding: 12px 0 4px;
      color: #444;
    }

    .related-articles {
      margin-top: 45px;
      padding-top: 25px;
      border-top: 1px solid #e1e6e1;
    }

    .related-articles ul {
      padding-left: 20px;
    }

    .related-articles a {
      color: #2e6b30;
      text-decoration: none;
    }

    .article-footer {
      margin-top: 50px;
      padding-top: 25px;
      border-top: 1px solid #e1e6e1;
      font-size: 0.9rem;
      color: #777;
    }

    @media (max-width: 600px) {
      .article-wrapper {
        padding: 32px 18px 60px;
      }

      h1 {
        font-size: 1.65rem;
      }

      h2 {
        font-size: 1.25rem;
      }

      .lede {
        font-size: 1.08rem;
      }

      .checklist-grid {
        grid-template-columns: 1fr;
      }

      .compare-table {
        font-size: 0.88rem;
      }

      .compare-table th,
      .compare-table td {
        padding: 9px 8px;
      }
    }