.soccer-article {
      max-width: 760px;
      margin: 0 auto;
      padding: 20px 18px 48px;
      color: #252525;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 18px;
      line-height: 1.8;
      overflow-wrap: break-word;
    }

    .soccer-article * {
      box-sizing: border-box;
    }

    .soccer-article h1,
    .soccer-article h2,
    .soccer-article h3 {
      color: #202820;
      font-family: Georgia, "Times New Roman", serif;
      line-height: 1.35;
      font-weight: 700;
    }

    .soccer-article h1 {
      margin: 18px 0;
      font-size: 40px;
      letter-spacing: -0.6px;
    }

    .soccer-article h2 {
      margin: 42px 0 16px;
      padding-bottom: 10px;
      border-bottom: 1px solid #d9e5d8;
      font-size: 29px;
    }

    .soccer-article h3 {
      margin: 27px 0 10px;
      font-size: 22px;
    }

    .soccer-article p {
      margin: 0 0 20px;
    }

    .soccer-article ul,
    .soccer-article ol {
      margin: 0 0 24px;
      padding-left: 26px;
    }

    .soccer-article li {
      margin-bottom: 10px;
      padding-left: 3px;
    }

    .soccer-article a {
      color: #2e6b30;
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    .soccer-article a:hover {
      color: #204c22;
    }

    .soccer-article .breadcrumb {
      margin-bottom: 24px;
      color: #666;
      font-size: 14px;
      line-height: 1.6;
    }

    .soccer-article .breadcrumb a {
      color: #555;
      text-decoration: none;
    }

    .soccer-article .article-meta {
      margin-bottom: 24px;
      color: #666;
      font-size: 15px;
    }

    .soccer-article .lead {
      color: #333;
      font-size: 20px;
      line-height: 1.7;
    }

    .soccer-article .key-takeaway {
      margin: 28px 0;
      padding: 20px 22px;
      border-left: 4px solid #2e6b30;
      background: #f3f8f2;
    }

    .soccer-article .key-takeaway p:last-child {
      margin-bottom: 0;
    }

    .soccer-article .idea-list {
      padding-left: 24px;
    }

    .soccer-article .product-section {
      margin: 36px 0;
      padding: 25px 24px;
      border: 1px solid #d7e5d5;
      border-radius: 8px;
      background: #f8fbf7;
    }

    .soccer-article .product-section h2 {
      margin-top: 0;
      border-bottom: 0;
    }

    .soccer-article .cta {
      margin-top: 42px;
      padding: 30px 24px;
      border-radius: 8px;
      background: #234d27;
      color: #fff;
      text-align: center;
    }

    .soccer-article .cta h2 {
      margin-top: 0;
      color: #fff;
      border-bottom: 0;
    }

    .soccer-article .cta p {
      color: #f3f7f2;
    }

    .soccer-article .cta a {
      display: inline-block;
      margin-top: 8px;
      padding: 12px 22px;
      border: 1px solid #fff;
      border-radius: 4px;
      color: #fff;
      font-weight: 700;
      text-decoration: none;
    }

    .soccer-article .cta a:hover {
      background: #fff;
      color: #234d27;
    }

    .soccer-article .faq-item {
      padding: 19px 0;
      border-bottom: 1px solid #e2e7e0;
    }

    .soccer-article .faq-item h3 {
      margin: 0 0 9px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 19px;
    }

    .soccer-article .faq-item p {
      margin-bottom: 0;
    }

    .soccer-article .article-note {
      color: #555;
      font-size: 16px;
    }

    @media (max-width: 600px) {
      .soccer-article {
        padding: 14px 16px 36px;
        font-size: 18px;
      }

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

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

      .soccer-article h3 {
        font-size: 21px;
      }

      .soccer-article .lead {
        font-size: 19px;
      }

      .soccer-article .product-section,
      .soccer-article .cta {
        padding: 22px 18px;
      }
    }