:root {
      --text: #1a1a1a;
      --text-light: #4a4a4a;
      --accent: #1a6e4a;
      --accent-dark: #124e34;
      --bg: #ffffff;
      --bg-alt: #eef7f2;
      --border: #c8e4d4;
    }

    * {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      background: var(--bg);
      color: var(--text);
      font-family: Arial, Helvetica, sans-serif;
      font-size: 18px;
      line-height: 1.8;
    }

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

    .breadcrumb {
      margin-bottom: 24px;
      color: var(--text-light);
      font-size: 13px;
      line-height: 1.6;
    }

    .breadcrumb a {
      color: var(--accent);
      text-decoration: none;
    }

    .breadcrumb a:hover,
    .related-reading a:hover {
      text-decoration: underline;
    }

    .article-header {
      margin-bottom: 32px;
    }

    .article-header h1 {
      margin: 0 0 18px;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 2.1rem;
      line-height: 1.25;
      letter-spacing: -0.5px;
    }

    .article-meta {
      color: var(--text-light);
      font-size: 14px;
    }

    .lede {
      margin: 0 0 28px;
      color: var(--text-light);
      font-size: 20px;
      line-height: 1.75;
    }

    article h2 {
      margin: 44px 0 18px;
      padding-left: 14px;
      border-left: 4px solid var(--accent);
      font-family: Georgia, "Times New Roman", serif;
      font-size: 1.55rem;
      line-height: 1.4;
    }

    article h3 {
      margin: 28px 0 10px;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 1.12rem;
      line-height: 1.5;
    }

    article p {
      margin: 0 0 20px;
      font-size: 18px;
      line-height: 1.8;
    }

    article ul,
    article ol {
      margin: 0 0 24px;
      padding-left: 25px;
    }

    article li {
      margin-bottom: 10px;
      padding-left: 3px;
      font-size: 18px;
      line-height: 1.75;
    }

    article strong {
      color: var(--text);
    }

    .article-divider {
      height: 1px;
      margin: 34px 0;
      border: 0;
      background: var(--border);
    }

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

    .criteria-card {
      padding: 18px;
      border: 1px solid var(--border);
      border-radius: 8px;
      background: var(--bg-alt);
    }

    .criteria-card h3 {
      margin: 0 0 8px;
      color: var(--accent-dark);
      font-size: 18px;
    }

    .criteria-card p {
      margin: 0;
      font-size: 16px;
      line-height: 1.7;
    }

    .table-wrap {
      width: 100%;
      margin: 24px 0 30px;
      overflow-x: auto;
    }

    .comparison-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 16px;
      line-height: 1.65;
    }

    .comparison-table th,
    .comparison-table td {
      padding: 12px 14px;
      border-bottom: 1px solid var(--border);
      text-align: left;
      vertical-align: top;
    }

    .comparison-table th {
      color: var(--accent-dark);
      background: var(--bg-alt);
      font-weight: 700;
    }

    .product-box {
      margin: 32px 0;
      padding: 24px;
      border: 1px solid var(--border);
      border-radius: 8px;
      background: var(--bg-alt);
    }

    .product-box h3 {
      margin-top: 0;
      color: var(--accent-dark);
      font-size: 22px;
    }

    .product-box p:last-child {
      margin-bottom: 0;
    }

    .text-link {
      color: var(--accent);
      font-weight: 700;
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    .cta-box {
      margin: 42px 0;
      padding: 30px 24px;
      border-radius: 8px;
      background: var(--accent-dark);
      color: #ffffff;
      text-align: center;
    }

    .cta-box h2 {
      margin: 0 0 14px;
      padding: 0;
      border: 0;
      color: #ffffff;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 1.55rem;
    }

    .cta-box p {
      margin: 0 0 20px;
      color: #ffffff;
      font-size: 18px;
    }

    .cta-button {
      display: inline-block;
      padding: 12px 24px;
      border-radius: 4px;
      background: #ffffff;
      color: var(--accent-dark);
      font-size: 18px;
      font-weight: 700;
      text-decoration: none;
    }

    .cta-button:hover {
      background: var(--bg-alt);
    }

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

    .faq-item {
      padding: 20px 0;
      border-bottom: 1px solid var(--border);
    }

    .faq-item h3 {
      margin: 0 0 10px;
      font-size: 19px;
    }

    .faq-item p {
      margin: 0;
      font-size: 18px;
    }

    .related-reading {
      margin-top: 48px;
      padding-top: 24px;
      border-top: 1px solid var(--border);
    }

    .related-reading h2 {
      margin-top: 0;
    }

    .related-reading ul {
      padding-left: 22px;
    }

    .related-reading a {
      color: var(--accent);
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    .article-footer {
      margin-top: 42px;
      padding-top: 22px;
      border-top: 1px solid var(--border);
      color: var(--text-light);
      font-size: 14px;
    }

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

      .article-header h1 {
        font-size: 32px;
      }

      article h2 {
        margin-top: 34px;
        font-size: 26px;
      }

      article h3 {
        font-size: 21px;
      }

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

      .product-box {
        padding: 20px;
      }

      .cta-box {
        padding: 26px 18px;
      }

      .comparison-table th,
      .comparison-table td {
        padding: 10px;
      }
    }