 /* Active state styles for accordion */
 .accordion-item.active .accordion-question {
    color: #3660fd;
  }

  .accordion-item.active .accordion-icon {
    transform: rotate(180deg);
  }

  .accordion-item.active .accordion-content {
    opacity: 1;
  }

  /* Tab styles */
  .tab-item {
    transition: all 0.3s ease;
  }

  .tab-item.active {
    background-color: #3660FD;
  }

  .tab-item.active p {
    color: white;
  }

  .tab-item.inactive {
    background-color: white;
  }

  .tab-item.inactive p {
    color: black;
  }

  .tab-item:hover,
  #print-button:hover {
    transform: translateY(-2px);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
  }

  /* Cards container transition animation */
  #cards-container {
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 1;
    transform: translateY(0);
  }

  #cards-container.fade-out {
    opacity: 0;
    transform: translateY(10px);
  }

  /* Pagination responsive */
  .pagination-container svg,
  .pagination-container p {
    white-space: nowrap;
  }

  @page{
    margin: 5mm;
  }

  /* Print styles */
  @media print {

    /* Force background color to be displayed */
    * {
      -webkit-print-color-adjust: exact !important;
      print-color-adjust: exact !important;
    }

    /* Print layout and spacing */
    html,
    body {
      margin: 0 !important;
      padding: 0 !important;
      height: auto !important;
    }

    main {
      margin: 0 !important;
      padding: 0 !important;
    }

    /* Ensure site header does not overlap content when printing */
    header,
    #mainHeader {
      position: static !important;
      box-shadow: none !important;
    }

    /* Hide footer blocks */
    footer,
    .footer {
      display: none !important;
    }

    /* Hide breadcrumb */
    nav[aria-label="Breadcrumb"],header>div>div.flex {
      display: none !important;
    }

    /* Hide header banner */
    main>section:first-child {
      display: none !important;
    }

    /* Hide bottom CTA banner (only affects blocks with cta-section class) */
    main>section.cta-section {
      display: none !important;
    }

    /* Hide search box, search button, print button, tabs, pagination */
    #search-container,
    #search-input,
    #search-button,
    #print-button,
    #pc-tabs-container,
    #mobile-tabs-container,
    .pagination-container {
      display: none !important;
    }

    /* Card title blue background */
    h3 {
      background-color: #3660FD !important;
      color: white !important;
    }

    /* Middle content area */
    section:nth-child(2) {
      margin: 0 !important;
      padding: 10px !important;
      page-break-before: auto !important;
      page-break-after: auto !important;
    }

    /* Card container - display all cards for printing (two column grid) */
    #cards-container {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 20px !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    /* Single card - avoid card being cut */
    #cards-container>div {
      page-break-inside: avoid;
      margin: 0 !important;
    }
  }