.card-section {background-color: #f0f4f9; padding: 60px 0; }
      .card-section .card-container {background-color: #fff; border-radius: 8px; box-shadow: 0 8px 24px rgba(16, 37, 66, 0.1); padding: 40px; margin-bottom: 20px; color: #0c121e; }
      .card-section h2 {color: #102542; position: relative; margin-bottom: 25px; font-weight: var(--font-light); }
      .card-section h2::after {content: ''; display: block; width: 60px; height: 2px; margin-top: 10px; background-color: var(--accent-color); }
      .card-section h3 {color: #102542; font-weight: var(--font-medium); margin-top: 25px; margin-bottom: 15px; }
      .card-section .lead {color: #3A5E8C; font-weight: var(--font-light); font-size: 1.2rem; margin-bottom: 25px; }
      .card-section p { color: #333; line-height: 1.6; margin-bottom: 15px; }
      .card-section cite { display: block; color: #666; font-style: italic; font-size: 0.9rem; margin-top: 5px; margin-bottom: 20px; }
      .card-section .insight-box { background-color: rgba(84, 194, 192, 0.08); border-radius: 6px; padding: 20px; margin: 20px 0; border-left: 3px solid var(--accent-color); }
      .card-section .two-columns { display: flex; flex-wrap: wrap; gap: 30px; margin-top: 30px; }
      .card-section .column { flex: 1 1 45%; min-width: 280px; }
      a.link-text:link { color: #006cff; background-color: transparent; text-decoration: none; }
      a.link-text:visited { color:#368aff; background-color: transparent; text-decoration: none; }
      a.link-text:hover { color: #54c2c0; background-color: transparent; text-decoration: underline; }
      a.link-text:active { color: #2a8a88; background-color: transparent; text-decoration: underline; }

      @media (max-width: 768px) { .card-section .two-columns { flex-direction: column; } .card-section .column { flex: 1 1 100%; } }